html {width:100%;height:100%;}
body {width:1000px; padding:0px; margin:0px auto;font-family: '微軟正黑體','Microsoft JhengHei';height:100%; background-color:#fff;}
a {text-decoration: none; color:#444; outline:none;}
a:hover {color:#6C9E00;}
hr {border-style:solid; color:#eee;}
.Breadcrumbs img{border:none;}
a img{ border:0px;}
.floatLeft{float:left}
#layout{width:1000px;height:auto;padding:0;margin:0 auto; box-shadow:0px 0px 8px 8px #ccc; min-height:100%;}
/*------header-----*/
#header{width:100%;padding:0;margin:0 auto;display:inline-block;background-color:#FAB800;text-align:right; float:right;}
#header img:hover{ }
.language img{ float:right; background-color:#81aa1b; height:34px; width:34px;}
.language img:hover{ background-color:#9abf26;}
.language2 img{ float:right; background-color:#fbca41; height:34px; width:34px;}
.language2 img:hover{ background-color:#ffdb80;}
.language3{ float:right; height:34px; width:30px;}
.language3 img{ float:right; height:34px; width:30px;}
.language3 img:hover{ background-color:#f5a500;}
.language4{ float:right; height:34px; width:30px;}
.language4 img{ float:right; height:34px; width:30px;}
.language4 img:hover{ background-color:#f5a500;}
.top_link{ float:right;}
.top_link a{ font-size:14px; color:#fff; line-height:34px; padding-right:4px; height:34px; width:90px; display:block;}
.top_link a:hover{ background-color:#9abf26;}
/*-------header search---------*/
#searchSelect{height:30px;margin:-1px -5px ;border:0; width:26%;outline:none; }
#searchForm input{height:28px;border:0;}
#searchForm a img{border:0;margin:-1px 0 1px -5px;vertical-align:middle;}
#searchForm ::-webkit-input-placeholder {padding-left:5px;}
#list-text{ height:20px;}
#list-text2{ height:20px;}
#logo{width:208px;height:90px; display:block; z-index:99999999; position:fixed; top:0px;}
#logo img:hover{box-shadow:0px 3px 5px 0px #6e8e2a;}
#downloSearTxt{ line-height:22px; float:left; margin-right:6px;}
.downloSearBtn{width:56px; display:block; height:27px; color:#fff;background-image:url(../images/downloSearBtn.png); border:none; background-color:#fff; cursor:pointer; font-size:13px;}
.downloSearBtn:hover{;background-image:url(../images/downloSearBtn_o.png);}
/*------header-----*/
#header{width:792px;padding:0px;margin:0px;display:inline-block;background-color:#FAB800;text-align:right; float:left;}
#header1{width:792px;padding:0px;margin:0px;display:inline-block;background-color:#549bc6;text-align:right; float:left;}
#header2{width:792px;padding:0px;margin:0px;display:inline-block;background-color:#9b917c;text-align:right; float:left;}
#header4{width:792px;padding:0px;margin:0px;display:inline-block;background-color:#81aa1b;text-align:right; float:left;}
#header5{width:792px;padding:0px;margin:0px;display:inline-block;background-color:#604f5d;text-align:right; float:left;}
#header6{width:792px;padding:0px;margin:0px;display:inline-block;background-color:#7a7a7a;text-align:right; float:left;}
#header img:hover{ }
.language img{ float:right; background-color:#81aa1b; height:34px; width:34px;}
.language img:hover{ background-color:#9abf26;}
.language2 img{ float:right; background-color:#fbca41; height:34px; width:34px;}
.language2 img:hover{ background-color:#ffdb80;}
.language2_1 img{ float:right; background-color:#387ca5; height:34px; width:34px;}
.language2_1 img:hover{ background-color:#478eb2;}
.language2_2 img{ float:right; background-color:#6d655b; height:34px; width:34px;}
.language2_2 img:hover{ background-color:#847b6a;}
.language2_4 img{ float:right; background-color:#619300; height:34px; width:34px;}
.language2_4 img:hover{ background-color:#9abf26;}
.language2_5 img{ float:right; background-color:#332933; height:34px; width:34px;}
.language2_5 img:hover{ background-color:#705f6f;}
.language2_6 img{ float:right; background-color:#606060; height:34px; width:34px;}
.language2_6 img:hover{ background-color:#878787;}
.language3{ float:right; height:34px; width:30px;}
.language3 img{ float:right; height:34px; width:30px;}
.language3 img:hover{ background-color:#9abf26;}
.language4{ float:right; height:34px; width:30px;}
.language4 img{ float:right; height:34px; width:30px;}
.language4 img:hover{ background-color:#9abf26;}
/*---------Search-----------*/
.search_table { height:65px;}
.search { text-align:center;}
.search_gbtn {width:65px;}
.search_gbtn a{ background-image:url(../images/Raw_materials_o.jpg); display:block; width:65px; height:65px; line-height:65px; text-align:center; color:#fff; font-size:14px; text-decoration: none; border-radius:1px; font-size:16px; float:left;}
.search_gbtn a:hover{ background-image:url(../images/Raw_materials_o.jpg);}
.search_obtn {width:65px;}
.search_obtn a{ background-image:url(../images/Industrial.jpg); display:block; width:65px; height:65px; line-height:65px; text-align:center; color:#fff; font-size:14px; text-decoration: none; border-radius:1px; font-size:16px; float:left;}
.search_obtn a:hover{ background-image:url(../images/Industrial_o.jpg);}
.search_frame {width:135px; height:25px;}
#textfield {width:135px; height:19px;}
/*---------Product2-----------*/
.search_gbtn2 {width:65px;}
.search_gbtn2 a{ background-image:url(../images/Raw_materials.jpg); display:block; width:65px; height:65px; line-height:65px; text-align:center; color:#fff; font-size:14px; text-decoration: none; border-radius:1px; font-size:16px; float:left;}
.search_gbtn2 a:hover{ background-image:url(../images/Raw_materials_o.jpg);}
.search_obtn2 {width:65px;}
.search_obtn2 a{ background-image:url(../images/Industrial_o.jpg); display:block; width:65px; height:65px; line-height:65px; text-align:center; color:#fff; font-size:14px; text-decoration: none; border-radius:1px; font-size:16px; float:left;}
.search_obtn2 a:hover{ background-image:url(../images/Industrial_o.jpg);}
.fck_box{ margin-left:30px; width:750px}
.fck_line{ height:100%; margin:0px; display:inline-table; padding:0px; background-image:url(../images/fck_line.jpg); width:100%;}
.fck_line img{width:20px; margin-top:0px; padding-top:0px; }
.fck_box td{color:#555555; font-size:14px; padding-top:0px; line-height:24px;}
/* -------- Main content-------- */
#content_left{width:208px; background-color:#81aa1b; height:100%;border-right:2px solid #69920a;position: fixed; top:0px; z-index:99999;}
#content_right{width:790px;margin-left:208px;}
#top_adv{height:520px;}
#bottom_adv{width:480px}
.Breadcrumbs { height:25px; text-decoration:none; padding-top:5px; text-align:left;}
.Breadcrumbs a{ line-height:30px; font-size:14px;font-weight:bold;}
.Breadcrumbs img{ padding-left:20px;}
#topadv_title{z-index: 90;top: 80px; color: #fff; position: absolute; width:100%;}
#adv_txtbox{min-width: 400px; height: 274px; text-align:center; display:block; margin:0 auto;font-family:"微軟正黑體"; padding-left:370px;}
#txtbox_titleE{ font-size:40px; padding-top:30px; text-align:center; line-height:42px; color:#ccc; width:380px; font-family:Arial;}
#txtbox_titleC{ font-size:52px; text-align:center; line-height:54px; color:#fff; font-weight:bolder; text-shadow:4px 4px 4px #000;}
.txtbox_content{ font-size:30px; text-align:left; line-height:50px; color:#fff; min-width:200px; display:block; margin:10px auto; font-weight:bold; text-shadow:3px 3px 3px #000;}
/*-------- Left Menu --------*/
#left_box{ width:210px; color:#fff; height:100%; display:block; margin-top:0px; margin-bottom:0px;height:auto; z-index:99;}
#left_menu{ width:210px; padding-top:20px; bottom:5px; display:block;height:100%;}
#left_menu a{ color:#fff; line-height:50px; font-size:16px; width:190px; display:block; padding-left:20px; font-weight:bolder;}
#left_menu a:hover{ background-color:#74a015;}
#left_link{vertical-align: middle; text-align: center;display: block; border-bottom:1px solid #ddd; margin:0px auto; width:180px;}
#left_link a{ display:block; width:44px; height:40px; border-radius:100px; padding-top:4px; margin-bottom:4px;}
#left_link a:hover{ background-color:#74a015;}
#left_link a img:hover{box-shadow:2px 1px 1px 1px #6e8e2a; border-radius:100px;}
/* -------- Main content title-------- */
.title01 {font-size:17px;color:#664862; padding-top:30px; font-weight:bold;}
.title02 {font-size:15px;color:#555; font-weight:bold; padding-top:5px;}
.title03 {font-size:17px;color:#664862; padding-left:10px; font-weight:bold;}
.title04 {font-size:16px;color:#3a3a3a; padding-top:30px; font-weight:bold;}
.content01 {font-size:14px; line-height:25px; color:#555;letter-spacing: 2px; margin-left:20px;}
.table_content01 {text-align:right;padding-right:6px;border-right:1 #ddd solid;}
.table_content02 {text-align:right;padding-right:6px;}
/*-------------About FPC-----------*/
#about_header_title { line-height:120px;}
.about_banner {height:200px;background-image:url(../images/about.jpg);margin:0 auto;display:inline-block;text-align:right; background-repeat:no-repeat;width:100%;}
.about_content1 {font-size:25px;font-weight:bold;color:#000; padding-left:20px;}
.about_content2 {font-size:20px;font-weight:bold;color:#71a9d3;}
.about_year {vertical-align:text-top; color:#549bc6; font-size:20px; font-weight:bold;}
.about_title a{vertical-align:text-top; color:#549bc6; font-size:17px; font-weight:bold; padding-right:15px; line-height:25px;}
.about_title a:hover{color:#6c9e00;}
.about_ul {list-style-type:none; }
.about_li ,.about_content{padding-left:20px; font-size:15px; line-height:20px; color:#666;}
.about_li {background-image:url(../images/about_li.png);background-repeat:no-repeat; background-position:0 0.4em;}
.classification_titleL {color:#328bb7; padding-left:20px; padding-top:15px; font-weight:bold; font-size:18px;}
.classification_titleL4 {color:#749904; padding-left:20px; padding-top:15px; font-weight:bold; font-size:18px;}
.classification_titleL5 {color:#664862; padding-left:20px; padding-top:15px; font-weight:bold; font-size:18px;}
.classification_titleR {color:#ddd; padding-top:20px; padding-left:20px; font-size:14px; padding-right:20px}
.classification_titleR a{color:#888; font-size:14px;}
.classification_titleR a:hover{color:#81aa1b;}
.classification_titleR #classification_A{color:#81aa1b; font-size:14px;}
.contact_title {font-size:15px; font-weight:bold; color:#549bc6; line-height:60px;}
.contact_select { width:150px; height:30px; padding-left:5px;}
.contact_input { width:370px; height:33px; padding-left:5px; margin:5px;}
.contact_textarea {width:370px; margin:5px;}
.contact_send {background-color:#59aad3; width:90px; height:40px; line-height:20px; border-radius:5px; display:block; color:#fff; font-size:15px; text-decoration:none; text-align:center; border:1px solid #fff; }
.contact_send:hover{background-color:#4187aa;}
.contact_reset {background-color:#ddd; width:90px; height:40px; line-height:20px; border-radius:5px; display:block; color:#000; font-size:15px; text-decoration:none; text-align:center; border:1px solid #fff;}
.contact_reset:hover{background-color:#bbb;}
.map_place{ background-image: url(../images/map_icon2.png);background-color: #fff; color: #3a3a3a; background-repeat: no-repeat; width: 200px;height: 50px; line-height: 20px; border:0; display: block; font-size: 14px; text-decoration: none; text-align: left; background-position: 10px 10px; margin-left: 10px; font-weight: bold; padding:10 5 5 35px;text-indent:2em;}
.map_place:hover{ background-image:url(../images/map_icon1.png);background-color:#549bc6; color:#fff; border-radius: 5px;}
.map_place2{ background-image: url(../images/map_icon1.png); background-color: #549bc6; color: #fff; background-repeat: no-repeat; width: 200px; height: 50px; line-height: 20px; border:0;border-radius: 5px; display: block; font-size: 14px; text-decoration: none; text-align: left; background-position: 10px 10px; margin-left: 10px; font-weight: bold; padding:10 5 5 35px;outline:none;text-indent:2em;}
.name01 {color:#777; font-size:17px;}
.name02 {color:#3a3a3a; font-size:19px; font-weight:bold; line-height:30px;}
.name03 {color:#549bc6;}
.name_div {font-size:13px; line-height:24px; color:#666666;letter-spacing: 2px;}
.boxborder{border:1px solid #777;}
/*-------------News-----------*/
#news{width:304px; height:260px; overflow:hidden; display:block;}
.news_title{ font-size: 25px; color:#4e6b05; font-weight:bolder; padding-top:20px; border-bottom:1px solid #ddd ; padding-bottom:6px;}
#news_header_title { line-height:120px;}
.news_banner {height:200px;background-image:url(../images/news.jpg);margin:0 auto;display:inline-block;text-align:right; background-repeat:no-repeat;width:100%;}
.news_content1 {font-size:25px;font-weight:bold;color:#000; padding-left:20px;}
.news_content2 {font-size:20px;font-weight:bold;color:#9b917c;}
.news_table { border:1 #ddd solid; color:#3a3a3a;}
.news_tr_title { background-color:#e1ded7; height:40px; text-align:center; font-size:15px;}
.news_tr1 { background-color:#ffffff; height:40px; text-align:left; font-size:14px;}
.news_tr2 { background-color:#f8f7f5; height:40px; text-align:left; font-size:14px;}
.news_icon { color:#a81d3b; font-weight:bold; padding-left:15px;}
.news_content_title { padding-left:10px; font-size:18px; color:#3a3a3a; font-weight:bold;}
.news_content { padding-left:10px;font-size:14px; color:#666; line-height:20px;}
.news_content img{padding-right:10px;}
.news_date { text-align:left;font-size:11px; line-height:18px; color:#999; padding-top:10px;}
.news_download a{color:#81aa1b; padding-top:20px; padding-right:20px; font-size:16px;}
.news_download a:hover{color:#6d655b;}
.news_back { color:#9b917c; text-align:right; font-weight:bold; font-size:14px;}
.news_back img{padding-right:5px;}
/*-------------Products-----------*/
#amazon_scroller,#amazon_scroller2{margin:0px auto;}
.product_block{min-height:270px;}
#product_header_title { line-height:120px; width:100%;}
.product_banner {height:200px;background-image:url(../images/product.jpg);margin:0 auto;display:inline-block;text-align:right; background-repeat:no-repeat;width:100%;}
.search_banner{height:200px;background-image:url(../images/search_bg.jpg);margin:0 auto;display:inline-block;text-align:right; background-repeat:no-repeat;width:100%;}
.Raw_materials, .Industrial { height:100%;padding-bottom:10px;}
.Raw_materials_title a, .Industrial_title a{font-size:23px;font-weight:bold;color:#333;line-height: 80px;}
.Raw_materials_title img, .Industrial_title img{ padding:15px 10px 0px 20px;}
.Raw_materials{ background-color:#e6e6e6;}
.Industrial{ background-color:#f2f2f2;}
#all_product a{ font-size:16px; padding-left:20px; padding-right:20px; height:36px; float:right; display:block; background-color:#fff; margin-top:10px; line-height:36px; margin-right:40px;}
#all_product a:hover{ background-color:#81aa1b; color:#fff;}
#all_Industrial a{ font-size:16px; padding-left:20px; padding-right:20px; height:36px; float:right; display:block; background-color:#e6e6e6; margin-top:10px; line-height:36px; margin-right:40px;}
#all_Industrial a:hover{ background-color:#81aa1b; color:#fff;}
.showimg {
opacity: 1;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 500ms;
}
.showimg:hover{
opacity: .5;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 500ms;
}
#productList{position:relative;}
#productList a{text-decoration: none;}
#productList img{
width:230px;
height:230px;
opacity:1;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 500ms;
}
.demobox_title1{
font-size:24px;
color:#fff;
z-index:99;
line-height:120px;
display:block;
position: static;
height:230px;
display:block;
padding-top:190px;
line-height:40px;
text-decoration: none;
}
.demobox_title2{
font-size:24px;
color:#fff;
z-index:99;
line-height:120px;
display:block;
position: static;
height:230px;
display:block;
padding-top:190px;
line-height:40px;
text-decoration: none;
}
.demobox_title1:hover{color:#fff;}
.demobox_title2:hover{color:#fff;}
#productList .details{
position:absolute;
top:0;
left:0;
opacity: 0;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 500ms;
}
#productList .details:hover{
opacity: .8;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 500ms;
text-decoration: none;
}
.demobox{
float:left;
width:230px;
height:230px;
overflow:hidden;
}
.details{
width:230px;
height:230px;
background:#000;
color:#fff;
font-size:24px;
line-height:230px;
text-decoration: none;
}
.details:hover{
width:230px;
height:230px;
background:#000;
color:#fff;
font-size:24px;
line-height:230px;
text-decoration: none;
position:absolute;
}
.details_div{ width:230px; display:block; background-color:rgba(0,0,0,0.7); line-height:40px; position:absolute; padding-bottom:0px; margin-top:190px; z-index:99;}
.category1{width:390px;font-size:20px; font-weight:bold; color:#575757; }
.category1 a{font-size:14px; font-weight:normal; padding:6px 10px; line-height:35px; margin-right:20px;}
.category1 li{ display:inline;}
.category1 li a:hover{ background-color:#81aa1b; color:#fff; border-radius:3px;}
/*-------------Product content-----------*/
.product_content_banner {height:200px;background-image:url(../images/product_content.jpg);margin:0 auto;display:inline-block;text-align:right; background-repeat:no-repeat; width:100%}
.product_top_title{z-index: 90;position: absolute; width:auto; top:120px; padding-left:10px; float:left;}
.product_content1 {font-size:25px;font-weight:bold;color:#000; padding-left:20px;}
.product_content2 {font-size:20px;font-weight:bold;color:#F6921D; padding-left:6px;}
.product_content3 {font-size:14px;color:#666; padding:10px 20px 20px 20px; line-height:24px;}
.btnshowrew_bar tr:hover{ background-color:#ff0;}
.amazon_scroller{color:#f00;}
#btnshowrew_bar_SHOW:hover{ background-color:#ddd;}
/*-------------Product content 分類定位Start-----------*/
.class_box{width:790px;text-align: center;border-top-width: 3px;border-top-style: solid;border-top-color: #FAB800;}
.class_box ul{list-style:none;display: inline-block; margin-top:0px; margin-bottom:0px;}
.class_box li{float:left; margin-right:10px; line-height:30px; cursor:pointer;}
.class_box li.cur{background:#f1f1f1;}
.class_box li a{text-decoration:none;}
.class_box li.cur a{}
.class_box li a:hover{}
.shadow{-moz-box-shadow:1px 1px 2px rgba(0,0,0,.2); -webkit-box-shadow:1px 1px 2px
rgba(0,0,0,.2); box-shadow:1px 1px 2px rgba(0,0,0,.2);}
/*-------------Product content 分類定位End-----------*/
#classTitleEN{font-size:19px; font-weight:bold; color:#575757;text-align: center;}
.class_btn { margin:0px; background-color:#f4f4f4; float:left; width:100%;}
#class_btnENG{width: 100%;}
#class_btnENG ul{list-style:none;display: inline-block; margin:0px auto; padding:0px;}
#class_btnENG li{ display:block; overflow:hidden; height:60px;}
#class_btnENG a{color:#666; font-size:10px;line-height:22px; text-align:center;letter-spacing:-0.5px;padding:20px 10px 20px 10px; cursor:pointer;}
#class_btnENG a:hover{color:#fff;}
.class_btn a{display:block;padding:10px 10px;width:auto;text-align:center; color:#666; font-size:14px; text-decoration: none; border-radius:1px;}
.class_btn a:hover{color:#fff;background-color:#FAB800;}
.class_title { background-color:fff;height:100%;}
.class_title a{font-size:20px;font-weight:bold;color:#333;}
.class_title img{ padding:15px 10px 0 20px;}
.sales_title { float:right;}
.sales_title a{ font-size:15px; color:#fff; line-height:30px; font-weight:normal;cursor: pointer; background:url(../images/sales.png) no-repeat; padding-left:23px; background-color:#81aa1b; border-radius:3px; width:70px; height:30px; display:block; margin-top:10px; margin-bottom:8px; margin-right:8px;}
.sales_title a:hover{ background-color:#5c8102;}
.download_btn { float:right;padding:0px;background-color:#81aa1b;cursor: pointer;border-radius:3px;display:block; margin:10px 8px 10px 0px; text-align:center; height:30px;}
.download_btn a{ float:right;padding:0px;background-color:#81aa1b;cursor: pointer;border-radius:3px;display:block; margin:10px 8px; text-align:center; }
.download_btn:hover{ background-color:#5c8102;}
.download_btn img{padding:0px;}
.download_btn2 {padding:0px;background-color:#81aa1b;cursor: pointer;border-radius:3px;display:block; margin:10px auto; text-align:center; width:30px; height:30px;}
.download_btn2 a{padding:0px;background-color:#81aa1b;cursor: pointer;border-radius:3px;display:block; margin:10px auto; text-align:center; }
.download_btn2:hover{ background-color:#5c8102;}
.download_btn2 img{padding:0px;}
.class_title2 { background-color:fff;height:100%;}
.class_title2 a{font-size:18px;font-weight:bold;color:#333;}
.class_title2 img{ padding:10px 10px 0 0px;}
.time { font-size:14px; color:#D65116; padding-bottom:10px;}
.form_title { background-color:#E6E6E6; height:30px; font-size:14px; font-weight:bold; color:#000;}
.form_title2 { height:30px; font-size:14px; font-weight:bold; color:#fff;background-color:#555;}
.content_form { border-right-color: #ccc;border: 1px solid #ccc;font-size:13px;color:#666; line-height:30px;}
.form_tr { background-color:#f4f4f4;}
.form_tr1 { background-color:#fff;}
.form_tr_td1 {border-right:1px solid #ddd; padding-right:6px; border-left:1px solid #ddd; padding-left:6px;}
.form_tr_td2 {border-right:1px solid #ddd;padding-left:6px; padding-right:6px;}
.form_tr_td3 {padding-left:6px; padding-right:6px;}
/*--------------Relationships 關聯圖---------------*/
.relationships{width:790px; margin:0 auto;}
.relationships_1{width:790px; display:block; height:760px; background:url(../images/relationships_1.jpg) no-repeat;}
.relationships_2{width:790px display:block; height:116px;}
.relationships_3{width:790px; display:block; height:120px; background-color:#7c7c7c;}
.rel_class1{width:550px; height:43px; margin:36px auto;}
.rel_class1_btn0{width:108px; height:43px;display:block;}
.rel_class1_btn1 a{width:108px; height:43px; display:block; background-color:#08843b; font-size:17px; color:#fff; text-align:center; line-height:43px; font-weight:bold; margin-right:2px;}
.rel_class1_btn1 a:hover{background-color:#049841; width:104px; height:41px; display:block; margin:1px 3px;line-height:41px;}
.rel_class1_btn2 a{width:108px; height:43px; display:block; background-color:#69601f; font-size:17px; color:#fff; text-align:center; line-height:43px; font-weight:bold; margin-right:2px;}
.rel_class1_btn2 a:hover{background-color:#7c7018; width:104px; height:41px; display:block; margin:1px 3px;line-height:41px;}
.rel_class1_btn3 a{width:108px; height:43px; display:block; background-color:#81ab1b; font-size:17px; color:#fff; text-align:center; line-height:43px; font-weight:bold; margin-right:2px;}
.rel_class1_btn3 a:hover{background-color:#89be08; width:104px; height:41px; display:block; margin:1px 3px;line-height:41px;}
.rel_class1_btn4 a{width:108px; height:43px; display:block; background-color:#4e959b; font-size:17px; color:#fff; text-align:center; line-height:43px; font-weight:bold; margin-right:2px;}
.rel_class1_btn4 a:hover{background-color:#35a3ac; width:104px; height:41px; display:block; margin:1px 3px;line-height:41px;}
.rel_class1_btn5 a{width:110px; height:43px; display:block; background-color:#fab800; font-size:17px; color:#fff; text-align:center; line-height:43px; font-weight:bold; }
.rel_class1_btn5 a:hover{background-color:#fdd108; width:104px; height:41px; display:block; margin:1px 3px;line-height:41px;}
.rel_class2{width:580px; height:120px; margin:0px auto;}
.rel_class2 td{width:580px; height:120px;}
.rel_class2 td:hover{ background-color:#fab800;}
.rel_class2_btn{ font-size:22px;}
.rel_class2_btn a{ color:#fff; font-size:22px;width:100%; height:120px;display:inline-block;line-height: 120px;}
/*--------------Relationships End----------------*/
/*-------------Sustainable-----------*/
#Sustainable_header_title { line-height:120px;}
.Sustainable_banner {height:200px;background-image:url(../images/Sustainable.jpg);margin:0 auto;display:inline-block;text-align:right; background-repeat:no-repeat;width:100%;}
.Sustainable_content1 {font-size:25px;font-weight:bold;color:#000; padding-left:20px;}
.Sustainable_content2 {font-size:20px;font-weight:bold;color:#81aa1b;}
.Sustainable_table { border:1 #ddd solid; color:#3a3a3a;}
.Sustainable_tr_title { background-color:#d9e5ba; height:40px; text-align:center; font-size:15px;}
.Sustainable_tr1 { background-color:#ffffff; height:40px; text-align:right;font-size:14px; color:#666; line-height:26px;}
.Sustainable_tr2 { background-color:#f2f6e8; height:40px; text-align:right;font-size:14px; color:#666; line-height:26px;}
.Sustainable_icon { color:#a81d3b; font-weight:bold; padding-left:15px;}
.Sustainable_content_title { padding-left:10px; font-size:18px; color:#3a3a3a; font-weight:bold;}
.Sustainable_content img{padding-right:10px;}
.Sustainable_td {border-right:1 #eee solid;text-align:center;}
.Sustainable_td1 {border-right:1 #eee solid;text-align:right; padding-right:15px;}
.Sustainable_year {vertical-align:text-top; color:#81aa1b; font-size:20px; font-weight:bold;}
.Sustainable_ul {list-style-type:none; }
.Sustainable_content{padding-left:20px; font-size:15px; line-height:20px; color:#666;}
/*-------------Investor-----------*/
#investor_header_title { line-height:120px;}
.investor_banner {height:200px;background-image:url(../images/investor.jpg);margin:0 auto;display:inline-block;text-align:right; background-repeat:no-repeat;width:100%;}
.investor_content1 {font-size:25px;font-weight:bold;color:#000; padding-left:20px;}
.investor_content2 {font-size:20px;font-weight:bold;color:#664862;}
.investor_qa_title {font-size:15px;font-weight:bold;ccolor:#333; letter-spacing:1px;}
.investor_qa_content {font-size:14px;color:#765d73; padding:0 0 20 35px; line-height:26px;}
.investor_table { border:1 #ddd solid; color:#3a3a3a;}
.investor_table2 {width: 350px; float:left;padding: 10px; background-color:#f2f2f2; margin:5px;font-size:15px;color:#555; font-weight:bold; padding-top:5px;}
.investor_tr_title { background-color:#d7d3d6; height:40px; text-align:center; font-size:16px;}
.investor_tr_title2 { background-color:#d7d3d6; height:30px; text-align:center; font-size:16px;}
.investor_tr1 ,.investor_tr2 {height:40px; text-align:right;font-size:14px; color:#666; line-height:26px;}
.investor_tr2 { background-color:#efedee;}
.investor_tr3 ,.investor_tr4 {height:40px; font-size:15px; color:#666; line-height:30px;}
.investor_tr4 { background-color:#efedee;}
.investor_down {padding-left:15px;}
.investor_down img{ vertical-align:middle; padding-bottom:3px; padding-left:8px;}
.investor_icon { color:#a81d3b; font-weight:bold; padding-left:15px;}
.investor_content_title { padding-left:10px; font-size:18px; color:#3a3a3a; font-weight:bold;}
.investor_content img{padding-right:10px;}
.investor_td {border-right:1 #eee solid;text-align:center;}
.investor_td1 {border-right:1 #eee solid;text-align:right; padding-right:15px;}
/*-------------Other page-----------*/
#other_header_title { line-height:120px;}
.other_banner {height:200px;background-image:url(../images/other.jpg);margin:0 auto;display:inline-block;text-align:right; background-repeat:no-repeat;width:100%;}
.other_content1 {font-size:25px;font-weight:bold;color:#000; padding-left:20px;}
.other_content2 {font-size:20px;font-weight:bold;color:#7a7a7a;}
.other_table1 ,.other_table2 ,.other_table3 ,.other_table4 ,.other_table5 ,.other_table6 {width: 230px; float:left; margin:20 8 10 8px;font-size:15px;font-weight:bold; border-top-left-radius: 8px;border-top-right-radius: 8px;}
.other_table1 {background-color:#71a9d3;}
.other_table2 {background-color:#9b917c;}
.other_table3 {background-color:#e59900;}
.other_table4 {background-color:#81aa1b;}
.other_table5 {background-color:#604f5d;}
.other_table6 {background-color:#7a7a7a;}
.other_title {font-size:17px;color:#fff; padding-left:10px; font-weight:bold; line-height:35px; font-size:16px;}
.other_td { line-height:12px; background-color:#fff; padding:15 0 20 26px; font-size:15px; color:#393939;}
.other_link { font-size:16px; color:#656565; padding:30 0 5 30px; line-height:35px;}
.other_link img{ padding-left:15px; }
/*-----------------------------*/
/*-----------------Download page--------------------*/
.download{width:100%; vertical-align:text-top;}
.download_banner {height:200px;background-image:url(../images/product_download.jpg);margin:0 auto;display:inline-block;text-align:right; background-repeat:no-repeat;width:100%;}
.download_title{ font-size:21px; color:#83aa1b; text-align:left; padding-left:20px; font-weight:bolder; padding-top:10px;font-family: '微軟正黑體','Microsoft JhengHei'; line-height:40px;}
.download_title2{ font-size:21px; color:#83aa1b; text-align:left; font-weight:bolder; padding-top:10px;font-family: '微軟正黑體','Microsoft JhengHei'; line-height:40px;}
.product_class_box{ padding-left:20px; width:750px; padding-top:10px;}
.product_class_box2{ margin-left:20px; width:730px; padding-top:10px; border-bottom:1px solid #cccccc; padding-bottom:8px;}
.product_menutitle{ font-size:18px; color:#222; line-height:36px; text-align:center;}
.menu_box{ line-height:30px; font-size:15px; margin:4px 8px; display:block; height:40px;}
.menu_box2{ line-height:30px; font-size:15px; padding-top:12px; display:block; height:40px;}
.product_class{ line-height:30px; font-size:15px; margin:4px 8px; display:block; background-color:#fff; height:40px;color:#222; padding-left:6px; padding-right:0px; width:200px; display:block;}
#product_class{ line-height:30px; font-size:15px; margin:4px 8px; display:block; background-color:#fff; height:40px;color:#222; padding-left:6px; padding-right:0px; width:200px; display:block;}
#product_class2{ line-height:30px; font-size:15px; margin:4px 8px; display:block; background-color:#fff; height:40px;color:#222; padding-left:6px; padding-right:0px; width:200px; display:block;}
#product_class3{ line-height:30px; font-size:15px; margin:4px 8px; display:block; background-color:#fff; height:40px;color:#222; padding-left:6px; padding-right:0px; width:200px; display:block;}
.center_classbox{color:#666;font-size:14px; line-height:22px; background-color:#fff; border:1px solid #ddd; margin-top:20px;}
.center_classbox td{ border:1px solid #eee; padding:6px 6px 6px 10px;}
.center_classtitle{ background-color:#83aa1b; font-size:15px; font-weight:bolder; color:#fff;}
.center_classtxt{ text-align:left;}
#download_search{border:0;background-color:#FFF;background-image:url(../images/search_g.png);background-repeat:no-repeat;width:100%;}
#download_search:hover{border:0;background-color:#FFF;background-image:url(../images/search_o.png);background-repeat:no-repeat;width:100%;}
/*-----------------------------*/
.catePRC{
background-color:#81aa1d;
margin:10px;
width:auto;
height:30px;
padding-left:20px;
padding-right:20px;
float:left;
text-align: center;
border-radius: 4px;
padding-top:14px;
}
.catePRC div{color:#FFF;font-size:10pt;}
.catePRC div:hover{color:#ccc;}
#dialogPR2 hr{ border-bottom:1px solid #ddd;}
.catePPC{
background-color:#eff8fe;
border-bottom:1px solid #e3e0d9;
border-right:1px solid #eae7df;
border-radius:3px;
margin:10px;
padding:10px 10px 10px 16px;
width:640px;
min-height:95px;
height:auto;
float:left;
text-align: left;
border-radius: 4px;
font-size:11pt;
}
.catePPC hr{border-top:#fff9e7;}
.ui-widget-content hr{border-top:#fff9e7;}
.catePPC .catePRC{
background-color:#549bc6;
margin:6px;
padding:10px;
width:auto;
padding-left:20px;
padding-right:20px;
height:100%;
min-height:10px;
float:left;
text-align: center;
border-radius: 4px;
}
#dialogPP2 hr{color:#e3e0d9;}
.catePPC .catePRC:hover{color:#ffffff;background-color:#1e6d9d;}
.catePPC a{color:#fff;}
.catePRC {font-size:9pt;}
.catePRC:hover {color:#ffffff;background-color:#5d8103;}
.catePPC hr{color:#e3e0d9;}
/*--------------footer-----------------*/
#footer{ height: 90px;text-align: left; color: #fff;margin: 0px auto; font-size:11px; padding-bottom:0px; font-family:Arial, Helvetica, sans-serif; padding-left:16px; padding-right:10px; position:fixed; bottom:0px; width:200px;}
#footer:hover{box-shadow:0px -3px 5px 0px #6e8e2a;}
#footer a{color: #777; text-decoration: none;}
#footer a:hover{ color: #C90;}
/*------------------------dropdown Start------------------------*/
#dropdown-1{margin:40px 0 0 10px;}
#dropdown-2{margin:40px 0px 0 -30px;width:100px;}
.ropdown-2-menu{
width: 100px;
list-style: none;
background: #FFF;
border: solid 1px rgba(0, 0, 0, .2);
border-radius: 6px;
box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
overflow: visible;
padding: 5px;
margin: 0;
text-align:left;
}
.ropdown-2-menu li{ font-size:15px; line-height:30px;}
.ropdown-2-menu li a{ padding-left:10px; display:block; width:90px;}
.ropdown-2-menu li a:hover{ background-color:#81aa1b; color:#ffffff; border-radius:3px;}
.dropdown {
position: absolute;
z-index: 9999999;
display: none;
}
.dropdown .dropdown-menu,
.dropdown .dropdown-panel {
width: 280px;
list-style: none;
background: #FFF;
border: solid 1px #DDD;
border: solid 1px rgba(0, 0, 0, .2);
border-radius: 6px;
box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
overflow: visible;
padding: 4px 0;
margin: 0;
}
.dropdown .dropdown-panel {
padding: 10px;
}
.dropdown.dropdown-tip {
margin-top: 8px;
}
.dropdown.dropdown-tip:before {
position: absolute;
top: -6px;
left: 9px;
content: '';
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #CCC;
border-bottom-color: rgba(0, 0, 0, 0.2);
display: inline-block;
}
.dropdown.dropdown-tip.dropdown-anchor-right:before {
left: auto;
right: 9px;
}
.dropdown.dropdown-tip:after {
position: absolute;
top: -5px;
left: 10px;
content: '';
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #FFF;
display: inline-block;
}
.dropdown.dropdown-tip.dropdown-anchor-right:after {
left: auto;
right: 10px;
}
.dropdown.dropdown-scroll .dropdown-menu,
.dropdown.dropdown-scroll .dropdown-panel {
height: auto;
}
.dropdown .dropdown-menu LI {
list-style: none;
padding: 0 0;
margin: 0;
line-height: 18px;
}
.dropdown-menu LI > A,
.dropdown .dropdown-menu LABEL {
color: #555;
text-decoration: none;
padding: 3px 10px;
white-space: nowrap;
margin-left:10px;
}
.dropdown .dropdown-menu LI > A:hover,
.dropdown .dropdown-menu LABEL:hover {
background-color: #81aa1b;
color: #FFF;
cursor: pointer;
}
.dropdown .dropdown-menu .dropdown-divider {
font-size: 1px;
border-top: solid 1px #E5E5E5;
padding: 0;
margin: 5px 0;
}
/*------------------------dropdown End------------------------*/
.descriptionO{ display:block; position:fixed; bottom:100px; width:208px; margin:0 auto;}
/*------------------------MENU---------------------------------*/
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
margin: 0;
padding: 0;
border: 0;
list-style: none;
display: block;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#cssmenu {
font-family: Roboto, sans-serif,'微軟正黑體';
}
#cssmenu > ul {
width: 208px;
height:auto;
top:0px;
bottom:0px;
position:fixed;
padding-top:110px;
padding-bottom:100px;
}
#cssmenu > ul > li > a {
padding: 12px 15px;
font-size: 16px;
color: #ffffff;
text-align:center;
font-weight: normal;
text-decoration: none;
-webkit-transition: color .2s ease;
-o-transition: color .2s ease;
-ms-transition: color .2s ease;
transition: color .2s ease;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li > a:hover {
background-color:#2d3f05;
color: #ffc000;
}
#cssmenu ul li.has-sub > a::after {
position: absolute;
right: 15px;
display: block;
}
#cssmenu > ul > li.has-sub > a::after {
top: 15px;
}
#cssmenu > ul > li.has-sub:hover > a::after,
#cssmenu > ul > li.has-sub > a:hover::after {
color:#fff;
background: #f0f;
}
#cssmenu ul ul li.has-sub > a::after {
top: 15px;
}
#cssmenu ul ul li.has-sub:hover > a::after,
#cssmenu ul ul li.has-sub > a:hover::after {
}
#cssmenu ul li.has-sub > a::before {
position: absolute;
right: 15px;
z-index: 2;
display: block;
width: 0;
height: 0;
border: 5px solid transparent;
content: "";
font-weight: normal;
}
#cssmenu ul li ul li.has-sub > a::before {
position: absolute;
right: 15px;
z-index: 2;
display: block;
width: 0;
height: 0;
border: 5px solid # transparent;
content: "";
font-weight: normal;
}
#cssmenu > ul > li.has-sub > a::before {
top: 20px;
border-left-color: #fff;
}
#cssmenu ul ul li.has-sub > a::before {
top: 20px;
border-left-color: #ffc000;
}
#cssmenu ul {
-webkit-perspective: 600px;
-moz-perspective: 600px;
perspective: 600px;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
}
#cssmenu ul ul {
top:0px;
padding-top:10px;
margin-bottom:0px;
position:absolute;
min-height:5000px;
margin-top:-300px;
height:100%;
left: -9999px;
width: 200px;
background:rgba(45,63,5,0.8);
opacity: 0;
-moz-transition: opacity 0.2s ease, -moz-transform 0.2s ease;
-webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
-ms-transition: opacity 0.2s ease, -ms-transform 0.2s ease;
-o-transition: opacity 0.2s ease, -o-transform 0.2s ease;
transition: opacity .2s ease, transform .2s ease;
/*-webkit-transform: rotate3d(0, 1, 0, 45deg);
-moz-transform: rotate3d(0, 1, 0, 45deg);
transform: rotate3d(0, 1, 0, 45deg);*/
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
transform-origin: left center;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
#cssmenu ul ul ul{margin-top:-500px;}
#cssmenu ul li:hover > ul {
left: 100%;
opacity: 1;
transform: rotate3d(0, 0, 0, 0);
}
#cssmenu ul ul::after {
position: absolute;
left: -8px;
top: 15px;
z-index: 5;
display: block;
width: 0;
height: 0;
}
#cssmenu ul ul ul{
border-left:1px solid #2d3f05;}
#cssmenu ul ul a {
padding: 12px 15px;
font-size: 16px;
text-align:center;
color: #ffffff;
text-decoration: none;
-webkit-transition: color .2s ease;
-o-transition: color .2s ease;
-ms-transition: color .2s ease;
transition: color .2s ease;
}
#cssmenu ul ul ul a {
padding: 12px 15px;
font-size: 16px;
color: #fff;
text-align:center;
text-decoration: none;
-webkit-transition: color .2s ease;
-o-transition: color .2s ease;
-ms-transition: color .2s ease;
transition: color .2s ease;
}
#cssmenu ul ul ul li:hover > a,
#cssmenu ul ul ul li a:hover {
background:#2d3f05;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
background:#2d3f05;
color: #ffc000;;
}
/*----特別為了投資人專區padding top而設置-----*/
.paddingtop1item
{
padding-top:455px !important;
}
_:-ms-fullscreen, :root .paddingtop1item
{
padding-top:457px !important;
}
.paddingtop2item
{
padding-top:410px !important;
}
_:-ms-fullscreen, :root .paddingtop2item
{
padding-top:415px !important;
}
/*------------------------MENU---------------------------------*/
/*------轉投資事業->各官網超連結樣式-----*/
/*add by joe at 2015/2/26*/
a.offWeb:link{color:rgb(51, 153, 204);}
a.offWeb:visited {color:rgb(51, 153, 204);}
a.offWeb:hover{color:#6C9E00;}
a.offWeb:active{color:#6C9E00;}
/*------轉投資事業->各公司連絡人超連結樣式-----*/
/*add by joe at 2015/2/26*/
a.contactPerson:link{ color:#6C9E00;}
a.contactPerson:visited {color:#6C9E00;}
a.contactPerson:hover{ color:rgb(51, 153, 204);}
a.contactPerson:active{color:rgb(51, 153, 204);}
.contentstyle{color: rgb(102, 102, 102); line-height: 24px; letter-spacing: 2px; font-size: 15px;}