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

html, body { margin:0px; }

body { width:100%; margin:0px; font-size-adjust:100%; -webkit-text-size-adjust:100%; background-color:#8d8d8d; font-size:16px; color:#333333; }

a { outline:none; text-decoration:none; }

ul, ol { list-style:none; margin:0; padding:0; }
li { vertical-align:top; }

h1, h2, h3, h4, h5, p { padding:0; margin:0; }

img { border:none; max-width: 100%;}

input { padding:0px; margin:0px; vertical-align:top; }

.noSelect { user-select:none; -o-user-select:none; -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; }

/*-------------------------------------------------------------------------------------*/
/* Main Lang Format */

@font-face {
    font-family:'BentonSans';
    src: url('../fonts/BentonSansRegular.eot');
    src: url('../fonts/BentonSansRegular.eot') format('embedded-opentype'),
         url('../fonts/BentonSansRegular.woff2') format('woff2'),
         url('../fonts/BentonSansRegular.woff') format('woff'),
         url('../fonts/BentonSansRegular.ttf') format('truetype'),
         url('../fonts/BentonSansRegular.svg#BentonSansRegular') format('svg');
}

.en_format { font-family:'BentonSans', 'Lato', sans-serif; }

.tc_format { font-family:"Microsoft JhengHei", "微軟正黑體", sans-serif; }

.sc_format { font-family:"Microsoft JhengHei", "微軟正黑體", sans-serif; }

/* ---------------- clear fix ---------------- */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/*-------------------------------------------------------------------------------------*/
/* LAYOUT */

#wrap { width:100%; min-width:1200px; background-color:#ffffff; position:relative; }
#wrap .container { width:1200px; /*padding:0 15px;*/ padding:0px; margin:0px auto; position:relative; box-sizing:border-box; display:block; }

#top { position:relative; z-index:100; background-color:#ffffff; transition:all 0.3s linear; z-index: 999; }
#top .logo { float:left; width:287px; /*padding:29px 0 16px 37px;*/ padding:29px 0 16px 0px; transition:all 0.2s ease; }
#top .logo img { width:100%; }
#top .toolbar { float:right; height:29px; /*padding:16px 30px 30px 0;*/padding:16px 0px 30px 80px; text-align:right; transition:all 0.2s ease; }
#top .toolbar a { display:inline-block; zoom:1; *display:inline; vertical-align:top; height:29px; margin-left:12px; font-size:21px; color:#b0adaf; text-align:center; line-height:29px; transition:all 0.2s ease; }
#top .toolbar a:hover { color:#ff6699; }
#top .toolbar a.lang { width:21px; height:21px; margin-top:4px; margin-left:8px; border:1px solid #e4e4e4; background-color:#ffffff; line-height:21px; color:#333333; font-size:12px; }
#top .toolbar a#lang_tc, 
#top .toolbar a#lang_sc { font-family:"Microsoft JhengHei", "微軟正黑體", sans-serif; }
#top .toolbar a#lang_en { font-family:'Oxygen', sans-serif; }
#top .toolbar a.onLang, 
#top .toolbar a.lang:hover { border-color:#b0adaf; background-color:#b0adaf; color:#ffffff; }
#top .mobile_btn { display: none; float:right; padding-top:6px; padding-right:4px; }
#top .mobile_btn a { display:block; width:36px; height:36px; border-radius:100%; border:1px solid #cccccc; text-align:center; line-height:35px; font-size:24px; color:#cccccc; }

#top .menu_area { float:right; width:760px; height:24px; /*padding-right:8px;*/padding-right:0px; transition:all 0.2s ease;}
#top ul.menu_list { font-size:0; text-align:right; }
#top ul.menu_list > li { display:inline-block; zoom:1; *display:inline; vertical-align:top; margin:0 3px; position:relative; transition:all 0.2s ease; }
#top ul.menu_list > li:before, 
#top ul.menu_list > li:after { position:absolute; content:""; transition:opacity 0.2s ease; opacity:0; filter:alpha(opacity=0); display:none; }
#top ul.menu_list > li:before { left:50%; top:35px; margin-left:-5px; width:0; height:0; border-style:solid; border-width:0 5px 5px 5px; border-color:transparent transparent #f36a9e transparent; }
#top ul.menu_list > li:after { left:0; top:42px; width:100%; height:4px; background-color:#f36a9e; }

#top ul.menu_list > li > span { display:block; height:24px; padding:0 20px; font-size:14px; color:#000000; line-height:24px; transition:all 0.2s ease; }
#top ul.menu_list > li > span > a.lv1 {  font-size:14px; color:#000000; line-height:24px; transition:all 0.2s ease; }
#top ul.menu_list > li > a.lv1 { display:block; height:24px; padding:0 20px; font-size:14px; color:#000000; line-height:24px; transition:all 0.2s ease; }
#top ul.menu_list > li:last-child > a.lv1 { padding:0px 0px 0px 20px; }
#top ul.menu_list > li.onMenu > a.lv1 { color:#ff6699; }
#top ul.menu_list > li:hover > a.lv1, 
#top ul.menu_list > li > a.lv1:hover,
#top ul.menu_list > li:hover > span > a.lv1,
#top ul.menu_list > li > span:hover > a.lv1 { padding-bottom:22px; color:#ff6699; }

#top ul.menu_list > li.onHover:before, 
#top ul.menu_list > li.onHover:after, 
#top ul.menu_list > li:hover:before, 
#top ul.menu_list > li:hover:after  { opacity:1; filter:alpha(opacity=100); display:block; }

#top .dropdown_area { position:absolute; left:0; top:46px; z-index:1000; width:210px; padding:8px 18px; background-color:rgba(255,255,255,0.9); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e5ffffff', endColorstr='#e5ffffff'); border:1px solid #d1d1d1; text-align:left; box-sizing:border-box; }
#top .dropdown_area p { padding-bottom:6px; font-size:14px; color:#f36a9e; transition:all 0.2s ease; cursor: pointer;}
#top .dropdown_area p:hover { color:#ff6699; }
#top .dropdown_area p.menu_all_prd {padding-bottom:3px; margin-bottom: 6px;}
#top .dropdown_area p.menu_all_prd a { font-size:14px; color:#f36a9e; transition:all 0.2s ease; }
#top .dropdown_area p.menu_all_prd a:hover { color:#ff6699; }
#top .dropdown_area ul { padding-bottom:12px; }
#top .dropdown_area ul > li { padding-top:6px; }
#top .dropdown_area ul > li:first-child { padding-top:0; }
#top .dropdown_area ul > li > a { font-size:14px; color:#000000; transition:all 0.2s ease; }
#top .dropdown_area ul > li > a:hover { color:#ff6699; }

#top .dropdown_area ol { padding:6px 0; }
#top .dropdown_area ol > li { padding-top:12px; }
#top .dropdown_area ol > li:first-child { padding-top:0; }
#top .dropdown_area ol > li > a { font-size:14px; color:#000000; transition:all 0.2s ease; }
#top .dropdown_area ol > li > a:hover { color:#ff6699; }

#top .fallback { display:none; }
#top ul.menu_list > li:hover > .fallback { display:block; }

#top.fixedTop { position:fixed; left:0; top:0; width:100%; border-bottom:1px solid #9a9c9f; }
#top.fixedTop .logo { width:237px; padding-top:12px; padding-bottom:12px; }
#top.fixedTop .toolbar { padding-top:12px; padding-bottom:12px; }
#top.fixedTop ul.menu_list > li:before { top:25px; }
#top.fixedTop ul.menu_list > li:after { top:32px; }
#top.fixedTop ul.menu_list > li.onMenu > a.lv1, 
#top.fixedTop ul.menu_list > li:hover > a.lv1, 
#top.fixedTop ul.menu_list > li > a.lv1:hover { padding-bottom:12px; }
#top.fixedTop .dropdown_area { top:36px; }

#banner { position:relative; overflow:hidden; }
#banner .banner_show { box-sizing:border-box; font-size:0; /*background-color:#9a9c9f;*/ background-color:#ffffff; position:relative; max-height: 454px;}
#banner .banner_show img.alpha { width:100%; max-width:1170px; }
#banner .banner_row { width:100%; max-width:1200px; margin:0 auto; position:relative; }
#banner .bnr_row { position:absolute; top:212px; z-index:100; width:55px; height:55px; background-color:#cbcbcb; border:2px solid #ffffff; box-sizing:border-box; border-radius:100%; text-align:center; line-height:52px; font-size:32px; color:#ffffff; opacity:0; transition:all 0.2s ease; }
#banner .bnr_row_prev { left:22px; padding-right:4px; }
#banner .bnr_row_next { right:22px; padding-left:4px; }
#banner .bnr_row:hover { }
#banner .banner_show:hover .bnr_row { opacity:1; }
#banner .bnr_list { position:absolute; left:0; top:0; width:100%; height:100%; }
#banner .bnr_list .banner { position:absolute; left:100%; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center top; background-size:auto 100%; background-color: #ffffff; }
#banner .banner_title { height:100%; position:relative; }
#banner .banner_title span { position:absolute; left:61px; bottom:28px; font-size:26px; color:#ffffff; line-height:1; letter-spacing:1px; }
#banner .banner_title span:after { content:""; width:10px; height:10px; background-color:#ffffff; margin-left:10px; margin-bottom:5px; display:inline-block; zoom:1; *display:inline; vertical-align:text-bottom; }
#banner .inner_banner { background-repeat:no-repeat; background-position:center top; height:146px; background-size:auto 100%; background-color:#9a9c9f; }
#banner .about_us_banner { height:146px;  background-image:url(../img/inner_banner_about_us.jpg);}
#banner .products_banner { height:126px; }
#banner .relations_banner { }
#banner .contact_us_banner {height:126px;}

#main { }
#main > .container { padding-top:40px; }
#main .left_side { float:left; width:170px; padding:7px 0 20px 38px; }
#main .left_side ul { }
#main .left_side ul li { padding-bottom:14px; }
#main .left_side ul li a { font-size:13px; color:#000000; transition:all 0.2s ease; }
#main .left_side ul li.onCate a, 
#main .left_side ul li a:hover { color:#f36a9e; }
#main .right_side { float:right; width:941px; padding:0 32px 0 38px; border-left:1px solid #d1d1d1; position:relative; box-sizing:border-box; }
#main .right_side:before { position:absolute; left:-5px; top:10px; content:""; width:9px; height:9px; background-color:#ff588f; }

#main .multipage { padding:0 30px 11px 30px; font-size:0; text-align:right; }
#main .multipage a { display:inline-block; zoom:1; *display:inline; vertical-align:top; min-width:19px; height:19px; background-color:transparent; border:1px solid #ff99cc; box-sizing:border-box; margin:3px; text-align:center; line-height:19px; font-size:11px; color:#8d8d8d; transition:all 0.2s ease;
    padding: 0 3px; }
#main .multipage a.onpage, 
#main .multipage a:hover { background-color:#f36a9e; color:#ffffff; }
#main .multipage a.row { font-size:16px; border-color:#ffffff; }
#main .multipage a.row:hover { background-color:transparent; color:#f36a9e; }

#footer { background-color:#8d8d8d; padding:22px 0; }
#footer .footer_social { padding-bottom:16px; text-align:center; }
#footer .footer_social a { display:inline-block; zoom:1; *display:inline; vertical-align:top; margin:0 8px; font-size:28px; color:#ffffff; line-height:28px; transition:all 0.2s ease; }
#footer .footer_social a:hover { color:#ff6699; }
#footer .copyright { font-size:12px; color:#ffffff; font-weight:bold; font-family:'Oxygen'; text-align:center; }
#footer .copyright a { color:#ffffff; }
#footer .copyright a:hover { text-decoration:underline; }

/*-------------------------------------------------------------------------------------*/
/* INDEX */

.index_section { padding:40px 0; }

.index_explore_section { border-bottom:2px solid #ededed; }
.index_explore_title { text-align:center; }
.index_explore_title span { position:relative; font-size:25px; color:#000000; line-height:25px; }
.index_explore_title span:before, 
.index_explore_title span:after { display:inline-block; zoom:1; *display:inline; vertical-align:bottom; margin-bottom:4px; content:""; width:11px; height:11px; background-color:#000000; }
.index_explore_title span:before { margin-right:17px; }
.index_explore_title span:after { margin-left:17px; }
.index_explore_list { padding-top:38px; margin:0 -15px; text-align:center; font-size:0; }
.index_explore_list .index_explore_item { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:228px; padding:10px 18px; box-sizing:border-box; }
.index_explore_list .index_explore { width:100%; padding:0 23px; box-sizing:border-box; margin:0 auto; display:block; }
.index_explore_list .index_explore_circle { display:block; width:100%; background-color:#878787; border-radius:100%; font-size:0; text-align:center; position:relative; overflow:hidden; }
.index_explore_list .index_explore_circle img.alpha { width:100%; }
.index_explore_list .index_explore_icon { position:absolute; left:0; top:0; width:100%; height:100%; padding:18px; box-sizing:border-box; }
.index_explore_list .index_explore_icon:after { content:""; display:inline-block; zoom:1; *display:inline; vertical-align:middle; height:100%; }
.index_explore_list .index_explore_icon img { max-width:100%; max-height:100%; vertical-align:middle; }
.index_explore_list .index_explore_name { padding-top:18px; margin:0 -23px; font-size:16px; color:#000000; }

.index_about_us_section { padding: 40px 20px; }
.index_about_us_title { width:100%; max-width:1010px; padding-bottom:18px; margin:0 auto; }
.index_about_us_title span { position:relative; font-size:23px; color:#dabadf; line-height:23px; }
.index_about_us_title span:after { display:inline-block; zoom:1; *display:inline; vertical-align:bottom; margin-left:12px; margin-bottom:2px; content:""; width:8px; height:8px; background-color:#dabadf; }
.index_about_us_info { width:100%; max-width:1010px; display:block; margin:0 auto; }
.index_about_us_desc { float:left; width:650px; font-size:14px; color:#000000; text-align:justify; }
.index_about_us_photo { float:right; width:307px; margin-top:-6px; text-align:center; }

.index_contact_us_section { min-height:498px; padding:0; background:url(../img/index_contact_us_bg.jpg) no-repeat center top; transition:all 0.8s ease; /*background-size:auto 100%;*/}
.index_contact_us_section.has_msg {min-height: 590px;}

.index_contact_us_section .container{position: relative;}
.index_contact_us_title { width:200px; height:80px; padding:12px 20px 0 20px; margin:0 auto; box-sizing:border-box; overflow:hidden; position:relative; box-sizing:border-box; text-align:center; font-size:23px; color:#ff6699; }
.index_contact_us_title:before { position:absolute; left:-2px; bottom:0; content:""; width:204px; height:204px; background-color:rgba(255,255,255,0.5); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7FFFFFFF', endColorstr='#7FFFFFFF'); border-radius:100%; }

.index_contact_us_content { width:100%; max-width:692px; height:364px; margin:27px auto; padding:2px 39px 26px 39px; background-color:rgba(255,255,255,0.6); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99FFFFFF', endColorstr='#99FFFFFF'); box-sizing:border-box; text-align:center; position: relative;}
.index_contact_us_content label { display:block; width:100%; padding-top:24px; padding-bottom:6px; font-size:14px; color:#000000; line-height:1; text-align:left; }
.index_contact_us_content input[type=text] { display:block; width:100%; height:33px; background-color:#ffffff; border:1px solid rgba(153,153,153,0.7); box-sizing:border-box; text-align:left; }
.index_contact_us_content textarea { display:block; width:100%; height:84px; background-color:#ffffff; border:1px solid rgba(153,153,153,0.7); resize:none; box-sizing:border-box; text-align:left; }
.index_contact_us_content input[type=submit] { width:121px; height:30px; background-color:transparent; border:2px solid #000000; margin:18px auto 0 auto; box-sizing:border-box; font-size:14px; color:#000000; font-weight:bold; cursor:pointer; transition:all 0.2s ease; }
.index_contact_us_content input[type=submit]:hover { }

.index_contact_us_message { width:100%; max-width:692px;  margin:27px auto; line-height: 65px; background-color:rgba(255,255,255,0.6); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99FFFFFF', endColorstr='#99FFFFFF'); box-sizing:border-box; text-align:center; position: relative; display: none;}
.index_contact_us_message.success_msg{color:#EF7779;}
.index_contact_us_message.fail_msg{color:#FF0004;}


.index_contact_us_section #loading {position: absolute; bottom: 0; left:0; width:100%; height:364px; text-align: center; display: none; z-index: 999999; }
.index_contact_us_section #loading .loading_img { display: inline-block; width:100%; max-width:692px; height:364px; background-color:rgba(255,255,255,0.6); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99FFFFFF', endColorstr='#99FFFFFF'); box-sizing:border-box; vertical-align: middle;}
.index_contact_us_section #loading .loading_img img { padding-top: 126px; }

/*-------------------------------------------------------------------------------------*/
/* ABOUT US */

.about_us_content { min-height:300px; padding-bottom:40px; }
.about_us_content .about_us_title { padding-bottom:28px; font-size:23px; color:#ff6699; }
.about_us_content .about_us_info { font-size:14px; color:#000000; line-height:20px; text-align:justify; }
.about_us_content img{max-width:100%;}

.profile_photo_list { padding:30px 0; margin:0 -10px; display:block; }
.profile_photo_list .profile_photo { float:left; width:25%; max-width:217px; padding:10px; box-sizing:border-box; }
.profile_photo_list .profile_photo img { width:100%; border:3px solid #ffffff; box-sizing:border-box; box-shadow:0 0 7px rgba(51,51,51,0.3); }

.factory_detail_list {padding-bottom:20px;width: 100%;}
.factory_detail_list p{font-weight: bold; color:#993333; font-size: 20px;padding: 10px 0;}
.factory_detail_list>span{ display: inline-block; padding-top: 5px; line-height: 26px;}
.factory_detail_list>span.sub_title {padding-top: 5px; font-weight: bold; font-size: 18px;}
.factory_detail_list .grey_block {height: 27px; width:100%; background-color: #878787; margin-bottom: 8px;}
.factory_detail_list .detail_row {display: block; padding-top: 5px;}
.factory_detail_list .detail_row label{ display: inline-block; float: left; width:170px; line-height: 26px;}
.factory_detail_list .detail_row span{ display: inline-block; float: left; width:calc(100% - 170px); line-height: 26px;}

.factory_photo_list { padding-bottom:30px; margin:0 -10px; display:block; }
.factory_photo_list .factory_photo_row{width: 100%;}
.factory_photo_list .photo_block { display: inline-block; width:calc(50% - 2px); }
.factory_photo_list img { max-width:100%; border:3px solid #ffffff; box-sizing:border-box; box-shadow:0 0 7px rgba(51,51,51,0.3); }
.factory_photo_list .factory_photo { float:left; width:50%;  padding:10px; box-sizing:border-box; }
.factory_photo_list .large_photo { float:none; width:100%; padding:10px;}
.factory_photo_list p.photo_title { padding-left: 10px; margin-top: 15px; font-size: 18px;font-weight: bold; }

/*-------------------------------------------------------------------------------------*/
/* PRODUCTS */

.products_editor { min-height:500px;  padding:0 32px 40px 38px;}
.products_editor img { max-width:100%; height:auto !important; }
.products_editor .text_soon{ text-align: center; font-size: 24px; padding-top: 200px;}

/*-------------------------------------------------------------------------------------*/
/* INVESTOR RELATIONS */







/*-------------------------------------------------------------------------------------*/
/* CONTACT US */

.contact_us_content { min-height:300px; padding:0 32px 40px 38px;}
.contact_us_content .contact_us_title { padding-bottom:10px; font-size:23px; color:#ff6699; }
.contact_us_content .contact_us_info { font-size:14px; padding-bottom:20px; color:#000000; line-height: 26px;  }
.contact_us_content p span {font-size: 16px; font-weight: bold;}
.contact_us_content .detail_row {display: block; padding-top: 5px;}
.contact_us_content .detail_row label{ display: inline-block; float: left; width:160px; line-height: 26px;}
.contact_us_content .detail_row span{ display: inline-block; float: left; width:calc(100% - 160px); line-height: 26px;}
.contact_us_content a { color:#f36a9e; transition:all 0.2s ease; }
.contact_us_content a:hover { color:#000000; }