@charset "utf-8";
/* CSS Document */

/*頁面上方header*/
.page_home .top_header_page{ position: relative;  }
.top_header_page { transition:0.2s ease-out; -webkit-transition: all 0.2s ease-out 0s; width: 100%; z-index: 1000; clear: both; float: left; border-bottom: 0; box-shadow: none; top: 0px;  margin-top: 0px;  }
.top_header_box { display: block; clear: both; position: relative; float: left; margin: 0px; padding: 0px; width: 100%; z-index: 1; }
.c-page-on-scroll .top_header_page { margin-top: -30px; transition:0.2s ease-out; -webkit-transition: all 0.2s ease-out 0s; padding-top: 0px; padding-bottom: 0px;  }
.page_home .top_header_page_bg{ background-image: url(../files/top_bg.png); background-repeat: no-repeat; background-position: center top; height: 5px; display: inline-block; clear: both; float: left; width: 100%; }

/*頁面上方公司LOGO和選單*/
.top_navigation_page{ clear: both; float: left; width: 100%; margin: 0px; background-color: #FFF; padding-top: 3px; padding-right: 0px; padding-bottom: 3px; padding-left: 0px; }
.c-page-on-scroll .top_navigation_page{padding-top: 3px; padding-bottom: 3px;}
.top_navigation_box{ width: 80%; display: block; margin-right: 10%; margin-left: 10%; clear: both; float: left; }
.top_navigation_left_box{ float: left; width: 35%;  }
.top_navigation_right_box{ float: right; width: 65%;  }

/*公司LOGO名稱*/
.company_page{ float: left; position: absolute;  }
.company_box { position: relative; width: 100%; z-index: 100; float: left;  }
.company_box .logopic { margin: 0px; float: left; position: relative; padding: 0px; display: block; width: 100%; }
.company_box .logopic .logo_link{ float: left; display: block; }
.company_box .logopic .logo_link img{ float: left; position: relative; display: block; -moz-transition: 0.8s; -o-transition: 0.8s; -webkit-transition: 0.8s; transition: 0.8s; height: 60px; width: auto; margin-top: 5px; }
.c-page-on-scroll .logopic .logo_link img{height: 60px;}

.company_box .logopic strong{ font-size: 28px; color: rgba(176, 44, 44, 1); float: left; border-left-width: 1px; border-left-style: solid; border-left-color: #CCC; margin-left: 10px; padding-left: 10px; margin-top: 8px; margin-bottom: 8px; font-weight: 800; }
.company_box .logopic strong span{ font-size: 16px; color: #4d4d4d; clear: both; display: block; font-weight: normal; line-height: 15px; margin-top: 5px; text-transform: uppercase; letter-spacing: 1.3px; }

/*頁面上方選單區*/
.top_icon_page { clear: both; width: 100%; float: left; display: block; background-color: rgba(176, 44, 44, 1); /*background-image: url(../files/top_header_page_bg.jpg);*/ background-repeat: repeat-x; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #dddddd; }
.top_icon_box { display: block; clear: both; position: relative; right: 0px; float: left; width: 80%; margin-top: 0px; margin-right: 10%; margin-bottom: 0px; margin-left: 10%; padding: 0px; height: 30px; }
.top_icon_left_box { float: right; padding: 3px; display: none; }
.top_icon_left_box span{ white-space: nowrap; font-size: 13px; line-height: 30px; color: #666666; }

/*頁面上方文字選單*/ 
#topmenuicon { float: left; margin: 0px; padding: 0px; }
#topmenuicon ul { padding: 0px; border:none; list-style:none; white-space: nowrap; margin: 0px; }
#topmenuicon ul a { display: block; white-space: nowrap; font-size: 14px; line-height: 30px; }
#topmenuicon li { float: left; white-space: nowrap; display: block; margin: 0px; padding-top: 0px; padding-right: 5px; padding-bottom: 0px; padding-left: 2px; }
#topmenuicon li a, 
#topmenuicon li a:link, 
#topmenuicon li a:visited { padding-right: 8px; padding-left: 8px; margin: 0px; display: block; color: #FFF; }
#topmenuicon li a:hover { color: #e9ba00; }
#topmenuicon li img{ margin-right: 8px; }
#topmenuicon li i.fa{ font-size: 12px; color: #FFF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color: #333; padding: 5px; line-height: normal; }

.top_icon_left_box a{ padding-top: 2px; padding-right: 15px; padding-bottom: 2px; padding-left: 15px; color: #FFF; background-color: #333; display: inline-block; margin-left: 10px; }

@media screen and (max-width: 1680px) {
}
@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 980px) {
	.company_box .logopic strong span{ display: none!important; }
	.company_box {margin-bottom: 5px;}
}
@media screen and (max-width: 736px) {}
}
@media screen and (max-width: 480px) {
}

#a1{ display: inline; width: 100%; clear: both; height: 1px; padding-top: 100px; }
#a2{ display: inline; width: 100%; clear: both; height: 1px; padding-top: 100px; }
#a3{ display: inline; width: 100%; clear: both; height: 1px; padding-top: 100px; }

.c-page-on-scroll #a1{ display: inline; width: 100%; clear: both; height: 1px; padding-top: 70px; }
.c-page-on-scroll #a2{ display: inline; width: 100%; clear: both; height: 1px; padding-top: 70px; }
.c-page-on-scroll #a3{ display: inline; width: 100%; clear: both; height: 1px; padding-top: 70px; }