@charset "UTF-8";
* {border:0px;}
.head_logobox {width: 1400px; height: 75px;margin-left: auto;margin-right: auto;}
.logobox_bt1 { width: 960px;height: 75px; margin-left: auto; margin-right: auto; }
.logo_boxa {width: 378px; height: 59px; float: left; margin-top: 16px;}
.search_box {width:475px; height: 20px;float: right; margin-top: 20px;}
.lan{
    float: right;
    cursor: pointer;
    margin-top: 10px;
   
}
.sea_tbox { width: 210px; height: 20px; float: right;}
.searsh_infom { width: 126px; height: 14px; float: left; overflow: hidden; background-color: #e7eaee; border-top-left-radius: 10px; border-bottom-left-radius: 10px; padding: 3px 12px; border-width: 0px; }
.searsh_batm { width: 60px; height: 20px; float: left; overflow: hidden; background-color: #3e3e3e; background-image: url(../images/searsh_logo.png); border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-width: 0px;}
.visitors_nub_logo {width: 33px; height: 20px; float: right; margin-left: 6px;}
.visitors_vsnt {width: 118px;height: 20px;float: right;line-height: 20px;}
.main_options_box {width: 1400px; height: 40px; margin-left: auto; margin-right: auto; background-color: #006cc8; }
.main_options_box ul { width: calc( 100% / 5 - 2px ); height: 38px; float: left; border: 1px solid #006cc8; color: #fff; line-height: 40px; text-align: center; font-size: 15px; }
.main_options_box ul a {color: #fff; line-height: 40px; text-align: center;}
.main_options_box ul:hover {border: 1px solid #e3e3e3; text-align: center;}
.banner_big_comt { width: 1400px; height: 660px; overflow: hidden; position: absolute; z-index: -1;}
.ind_big_banner { width: 1400px; height: 695px; float: left; overflow: hidden; }

/* 首頁內容 */
.banner_cont_mobox { width: 1400px; height: auto; margin-left: auto; margin-right: auto;}
.banner_pas { width: 1400px; height: 164px; z-index:3;position: absolute;margin-top: 462px}
.banner_por_s {width: 1400px; height: 139px; position: absolute;margin-top: 462px; z-index: 4;}
.banner_ss {width: 530px; height:139px; float: right;}
.cont_box_aff {width: 100%;height: auto; float: left; background-image: url(../images/all_bg.jpg); background-position: center center; background-size: auto;margin-top: -34px;}
.cont_box_aff02 { width: 100%;height: auto; float: left; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.contnt_box_aff {width: 100%;height: auto; float: left;background-color: #cfcfcf;}
.contnnt_box_aff {width: 100%;height: auto; float: left; background-image: url(../images/all_bg.jpg); background-position: center center; background-size: auto;margin-top: -34px;position: absolute;bottom: 103px;top:149px;}
.contnnt_box_aff02 { width: 100%;height: auto; float: left; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    position: absolute;bottom: -10px;top: 0px;
}
.cont_box_cas { width: 1180px; height: auto; margin-left: auto; margin-right: auto; padding: 50px 0px 50px 0px; }
.contnt_box_cas { width: 1180px; height: auto; margin-left: auto; margin-right: auto; padding: 30px 0px 30px 0px; min-height: 560px; }
.cont_frame_box,.cont_frame_box_two { width: 560px; height: auto; float: left;}
.cont_frame_box_two { margin-left: 56px; }
.ind_cont_allbox { width: 1180px; height: auto;float: left; padding-bottom: 50px;}
.ind_cont_allboxp2 { width: 1180px; height: auto; float: left; -webkit-box-shadow: 0px 0px 5px rgba(188,188,188,1.00); box-shadow: 0px 0px 5px rgba(188,188,188,1.00); margin-bottom: 50px;}
.ind_cont_top {width: 560px; height: 100px; float: left;}
.ind_cont_txtb {width: 560px; height:auto; float: left; font-family: "Microsoft JhengHei"; color: #3e3e3e; font-size: 16px; line-height: 24px; margin-top: 18px;}
.new_propost_box {width: 560px; height: 130px; float: left; overflow: hidden;}
.new_propost_ban {width: 480px; height: 130px; float: left; }

/*  頁尾設定 */
.foot_cont_box { width: 100%; height: 88px; background-color: #6062aa; position: relative;}
.dw_box {width:100%; height: 70px;position: relative;}
.dw01 { width: 100%; height: 70px; background-image: url(../images/wave1.png); background-position: 0% 0%;animation:s1 60s steps(620) infinite ;position: absolute; z-index: 2;}
.dw02 { width: 100%; height: 70px; background-image: url(../images/wave2.png); background-position: 0% 0%;animation:s2 20s steps(620) infinite ;position: absolute; z-index: 3;}
.dw03 { width: 100%; height: 70px; background-image: url(../images/wave3.png); background-position: 0% 0%;animation:s3 32s steps(620) infinite ;position: absolute; z-index: 4;}
.dw03 { width: 100%; height: 70px; background-image: url(../images/wave4.png); background-position: 0% 0%;animation:s4 45s steps(620) infinite ;position: absolute; z-index: 5;}
@keyframes s1 {
	from { background-position:    0% 0%; }
	to { background-position:    -1600px 0%; }
}
@keyframes s2 {
	from { background-position:    0% 0%; }
	to { background-position:    1600px 0%; }
}
@keyframes s3 {
	from { background-position:    0% 0%; }
	to { background-position:    -1600px 0%; }
}
@keyframes s4 {
	from { background-position:    0% 0%; }
	to { background-position:    1600px 0%; }
}
.foot_cont_txtbox { width: 1080px; height: auto; margin-left: auto;margin-right: auto; }
.foot_cont_txtb { width: 1080px; height: auto; float: left; font-size: 18px; color: #FFFFFF; text-align: left; line-height: 18px; margin-top:20px; }
.foot_cont_txts { width: 1080px; height: auto; float: left; font-size: 13px; color: #FFFFFF; text-align: left; line-height: 13px; margin-top:8px; }

/* 內頁 */
.L_box { width: 250px; height: auto; float: left;}
.LB_title {width: 210px; height: auto; padding: 20px; background-color: #333333;font-family: "Microsoft JhengHei"; color: #fff; font-size: 16px; line-height: 24px;float: left;}
.LB_cont_os {width: 210px; height: auto; float: left;}
.LB_cont_os ul { width: 210px; padding: 15px 20px; font-family: "Microsoft JhengHei"; color: #333333; font-size: 15px; line-height: 15px; float: left; border-bottom: 1px dashed #333333; }
.LB_cont_os ul:hover { font-weight: bold; }
.LB_cont_os li { width: 210px; padding: 15px 20px; font-family: "Microsoft JhengHei"; color: #333333; font-size: 15px; line-height: 15px; float: left; }
.LB_cont_os li:hover { font-weight: bold; }
.R_box {width: 900px; height: auto; float: left;margin-left: 30px;}
.LB_box { width: 730px; height: 750px; float: left;}
.RB_box { width: 450px; height: auto; float: left; background-color: rgba(255,255,255,0.75); }

.about_title_top { width: 100%; height: 20px; float: left; text-align: left; font-family: "Microsoft JhengHei"; font-size: 20px; color: #242424; line-height: 20px; margin: 6px 0px 0px 0px; font-weight: bold; }
.about_title_top2 { width: 100%; height: 12px; float: left; text-align: left; font-family: "Arial"; font-size: 12px; color: #afafaf; line-height: 12px; margin: 0px; padding-top: 6px; padding-bottom: 6px; font-weight: bold; border-bottom: 1px dotted #939393; }
.RB_cont_top { width: 900px; height: auto; float: left; margin-top: 15px; }
.product-show-detail { display: inline-block; width: 900px; margin: 20px 0 0 0; }
.product-show-detail span.title{display: inline-block;width: 900px;height: 32px;margin: 0 0 20px 0;background: url(../images/line01.gif) repeat-x;}
.product-show-detail span.title p{display: inline-block;height: 30px;line-height: 30px;font-size: 15px;font-weight: bold;padding: 0 15px;color: #414141;border: 1px solid #414141;border-left: 0;border-right: 0;}
.text-editor{font-size: 15px;width: 100%;text-align: left; font-family: "Microsoft JhengHei"; color: #242424; line-height: 24px;}
.color-brown{color: #ad7749; padding-top: 12px; float: left; width: 100%; }
.RB_list { width: 900px; height: auto;float: left; }
.RB_list ul {width: 900px; padding: 20px 0px; border-bottom: 1px dotted #939393; float: left;}
.RB_list ul:hover { color: #006cc8; font-weight: bold; }

.RB_box_conta { width: 400px; height: auto; padding: 25px; }
.icon_box {width: 35px;height: 35px;float: left;margin-top: 25px;}
.comp_infor_txt,.comp_inforp2_txt { width: 95px; height: 35px; float: left; margin-left: 5px; text-align: left; font-family: "Microsoft JhengHei"; color: #242424; line-height: 35px; margin-top: 25px; }
.comp_inforp2_txt { width: 225px; }
.information_box { width: 400px; height: auto; float: left; margin-bottom: 25px;}

.member_title_tr { width: 400px; height: auto; float: left; border-bottom:1px dotted #cacaca; }
.member_title_tb { width: 308px; height: auto; float: left; margin-top: 9px;}
.member_input_box{width: 100%;padding: 0 5px;height: 30px;color: #5a5a5a;font: 12px/25px "Microsoft JhengHei";border: 1px solid #dadada;background:#fff url(../images/input_bg.gif) repeat-x left bottom;}
.member_title,.member_title_miss {width: 80px; height: 50px; float: left; text-align: left; font-family: "Microsoft JhengHei"; font-size: 14px; color: #242424; line-height: 50px;}
.ret_tl_sy_cont { width: 298px; height: 110px; padding: 10px;float: left; text-align: left; font-family: "Microsoft JhengHei"; font-size: 14px; color: #242424; line-height: 24px;border: 1px solid #dadada; margin-bottom: 12px;}

.sign_icon { width: 400px; height: auto; float: left; text-align:center;margin-top: 15px;}
.sign_icon_box {width: 195px; height: auto;float: left; position: relative; left:50%; margin-left: -97.5px;}
.sign_icon_txt { width: auto; height: auto; float: left; margin-right: 15px; padding: 6px 18px; background-color: #ff2626; border-radius: 5px; font-family: "Microsoft JhengHei"; font-size: 15px; line-height: 15px; text-align: center; color: #FFFFFF; }
.sign_icon_txt:hover { color: #FFFFFF; background-color: #02599e; }
.btn03{display: inline-block;float: left;vertical-align: top;width: 75px; min-width:75px;background: #02599e;padding: 0;font: 15px/30px "Microsoft JhengHei";font-weight: bold;color: #fff;text-align: center;cursor: pointer;border: 0;transition: all .5s ease-in-out;border-radius: 5px;margin-right: 20px;}
.btn03:hover{color: #fff;background: #242424;}

.prod_top_ph {width: 900px;height: 600px;float: left;margin-top: 0px;}
.prod_cont_box_oh { width: 900px; height: auto; float: left; margin-top: 10px; overflow: hidden;}
.prod_cont_box { width: 920px;height: auto;float: left; margin-left: -10px;}
.prod_cont_box ul { width: calc( 100% / 4 - 22px ); height: auto; float: left; border: 1px solid rgba(176,176,176,1.00); margin: 10px 10px; }
.prod_list_ph { width: 210px; height: 210px; float: left; }
.prod_list_ph img { width: 100%; height: auto; float: left; }
.prod_list_tt { width: 100%; height: 30px; padding: 10px 0px; text-align: center; font-family: "Microsoft JhengHei"; font-size: 14px; color: #242424; line-height: 30px;float: left; }
.RB_big_photo {width: 670px;height: 670px; float: left; overflow: hidden;}
.RB_big_photo_all {width: calc( 670px * 3 ); float: left; height: 421px;}
.RB_big_photo_all ul {width: 670px;height: 670px;float: left;}
.RB_big_photo_all ul img {width: 100%;height: auto;float: left;}
.RB_smo_photo {width: 228px; height: 670px;float: left;background-color: #CDCDCD;}
.RB_smo_photo ul {width: 215px;height: 215px; float: left; background-color: #000; margin: 6px 6px 0px 6px; overflow: hidden;}
.RB_smo_photo ul img {width: 100%;height: auto;float: left; }

.tab_bar { width: 680px; height: auto; text-align: center; float: left; padding-left: 40px;margin-top: 20px;}
.tab_bar02 { width: 680px; height: auto; text-align: center; float: left; margin-top: 15px; padding-left: 40px; }

.tab_bar_box { width: 520px; height: auto; margin-left: auto; margin-right: auto; }
.tab_bar_box ul { width: auto; height: 13px; padding: 10px 10px 10px 10px; text-align: center; font-family: "Microsoft JhengHei"; font-size: 13px; color: #545454; line-height: 13px; background-color: #efefef; float: left; margin: 12px 3px; }
.tab_bar_box ul a { color: #fff; text-decoration: none; }
.tab_bar_box ul:hover { text-decoration: none; color: #fff; background-color: #006cc8; }

.nav{ list-style:none; overflow:hidden; width: 1400px; height: 40px; margin-left: auto; margin-right: auto; background-color: #006cc8;}

.nav li{ width: calc( 100% / 5 - 2px ); height: 38px; float: left; border: 1px solid #006cc8; color: #fff; line-height: 40px; text-align: center; font-size: 15px;}
.nav li:hover  { background:#333333; color:#fff;}
.nav a{ width: calc( 100% / 5 - 2px ); height: 38px; color: #fff; line-height: 40px; text-align: center; }
.nav a:hover{ background:#333333; color:#fff;}

.nav li:hover ul{ display:block;}

.nav ul{ list-style: none; display: none; position: absolute; background-color: rgba(51,51,51,0.80); overflow: hidden; width: 276px; height: auto; border: 1px solid #868686; color: #fff; line-height: 40px; text-align: center; font-size: 15px; margin-top: -2px; box-shadow: 0px 0px 5px 0px #6C6C6C;}
.nav li li{ float: none; border-left: 0; border-right: 0; border-bottom: 1px solid rgba(237,237,237,1.00); border-top: 0; width: 236px; height: 40px; padding: 0px 20px; }
.nav li li a{ line-height:25px; padding:0 .5em;}
.nav li li:hover{ background:#006cc8; color:#FFF;}