.hideme{display:none}
.pc_visible{ display:block}
.pad_visible{ display:none}
.phone_visible{ display:none}

.container, .container100{ position:relative;width:100%;margin: auto; background:#000;}
.container100{ height:100%}

/*header*/
.headDIV, .headDIV_hight{ position:absolute;width:100%; height:70px; background:url(../images/headerBG.png) repeat; border-bottom:5px solid #fff;top:0; left:0; z-index:2}
.headG{ width:95%; max-width:1170px; padding-top:20px; margin:auto}
.head_logo{ display:block; float:left; width:113px; height:24px; background:url(../images/head_logo.png) no-repeat center; margin-right:25px;}
.headBTN{float:left; padding-top:5px; z-index:3;}
.headBTN li { /*position:relative;*/ float:left;padding:0 25px; height:40px; color:#FEFEFF; font-size:13px; text-align:center; background-color:transparent;}
.headBTN li a:before{ display:block; position:absolute;content:''; width:1px; height:11px; background-color:#FEFEFF; top:1px;left:-1px;}
.headBTN li:last-child a:after{ display:block; position:absolute;content:''; width:1px; height:11px; background-color:#FEFEFF; top:1px;right:0;}
.headBTN li a{ display:block;height:40px; top:0}
.headBTN li:hover { line-height:30px;background-color:#fff;color:#891D2C;}
.headBTN li:hover a:before{ width:0}

.head_funtion{ float:right; margin-top:9px; margin-bottom:10px;}
.head_searchG{ width:90px; float:left; margin-right:15px;}
.head_searchG input{ float:left;width:70px; height:14px; background-color:#fff; padding:0 5px; color:#232323; font-size:12px; border:0; margin-right:7px;}
.head_searchG span{ display:block;float:left; width:13px; height:14px; background:url(../images/searchBTN.png) no-repeat center;}
.head_lanG{ position:relative;float:left;width:16px; height:10px;}
.head_lanNow{ position:absolute; width:16px; height:10px; top:0; left:0}
.head_lanG ul{ position:absolute; width:170px; padding:0 5px 8px; background-color:#fff; top:41px; right:0}
.head_lanG li{ height:20px; line-height:17px;margin-bottom:1px; color:#333; padding-left:30px;}
.head_lanG li a{ font-size:8px;-webkit-transform: scale(0.67);-o-transform: scale(1); }
.head_lanG li:first-child{ background: url(../images/head_lanTW.jpg) no-repeat 5px center #fff;}
.head_lanG li:last-child{ background: url(../images/head_lanUK.jpg) no-repeat 5px center #fff;}
.head_lanG li:hover{ background-color:#891D2C; color:#fff;}


.head_link{ position:fixed;width:28px; height:145px; top:100px; right:0;}
.head_link ul{ margin-bottom:15px;}
.head_link li, .head_link li.On{ width:17px; height:7px;background:url(../images/head_funtionli.png) no-repeat top right; margin-bottom:2px;}
.head_link li:hover, .head_link li.On{ background:url(../images/head_funtionliOn.png) no-repeat top right}
.head_fbBTN, .head_twBTN, .head_yuBTN{ display:block; width:28px; height:28px; background:url(../images/main_icon.png) no-repeat; opacity:0.5}
.head_twBTN{ background-position:center}
.head_yuBTN{ background-position:bottom}
.head_fbBTN:hover, .head_twBTN:hover, .head_yuBTN:hover{opacity:1}



/*TOP按鈕*/
.back_topBTN {position:fixed; width:34px; height:34px;opacity:0.8; background:url(../images/backtopBTN.png) no-repeat; right:0px; bottom:30px; z-index:99; display: none; }
.back_topBTN:hover {opacity:1; cursor: pointer;}  

/*主要資訊*/
.mainDIV{ position:relative;width:100%; height:100%; background-color:#000}
.main_imgG{position: relative;max-width:100%; max-height:100%; }
.main_imgG li{ display:none;}

#supersized img { height: auto !important; width: 100% !important; }

/*product_type01.html*/
.main_ortherDIV{ position:relative;width:100%;background-color:#fff}
.product_topIMG{ width:100%; max-height:100%; background: url() center no-repeat;-moz-background-size: cover;background-size: cover; margin-bottom:5px;}
.product_topIMG img { position: relative; top:0; left:0; right:0; bottom:0; margin: auto; max-height: 100% ;max-width:100%; }
.product_img{ position:relative;float:left; width:33%; margin-right:0.5%;}
.product_img:nth-child(3n){ margin-right:0}
.product_img:nth-child(1), .product_img:nth-child(2),.product_img:nth-child(3){ margin-bottom:0.5%}
.product_img span{ position:absolute;width:100%;height:30%; padding-top:2%; background:rgba(0, 0, 0, 0.7) 95% 20%;bottom:0; left:0}
.product_img:hover span{ background-color:rgba(0, 0, 0, 1);}
.product_img h1, .product_img h2, .product_img h3 {  padding-left:5%; color:#fff; font-size:28px;text-align:left; margin-bottom:1%; text-transform:uppercase;}
.product_img h2{ font-size:14px; text-transform:capitalize; margin-bottom:2.5%}


/*product_type02.html*/
.product_top02IMG{ position:relative;width:100%; max-height:100%; background: url() center no-repeat;-moz-background-size: cover;background-size: cover; margin-bottom:5px;}
.product_top02IMG img { position: relative; top:0; left:0; right:0; bottom:0; margin: auto; max-height: 100% ;max-width:100%; }
.product_top02IMG h1{ position:absolute;color:#fff; font-size:40px; text-transform:uppercase; top:20px; text-shadow:1px 1px 5px #000;}
.product_top02IMG span{ position:absolute; display:table; width:100%; height:30%; padding:0 5% 5%; background:url(../images/headerBG.png) repeat; bottom:0;}
.product_top02IMG h2{ display:table-cell;color:#fff; line-height:20px;font-size:14px; text-align:left;vertical-align:middle; text-shadow:1px 1px 1px #000; margin:auto;padding-top: 100px;}
.product_type02DIV { margin-bottom:0; }
.product_img { margin-bottom:10;  }
.product_img h3{ font-size:14px; text-transform:capitalize;} 


/*product_type03.html*/
.product_top03DIV{ position:relative;width:100%; max-height:100%;-moz-background-size: cover;background-size: cover; margin-bottom:5px;}
.product_top03DIV img{ position: relative; top:0; left:0; right:0; bottom:0; margin: auto; max-height: 100% ;max-width:100%;}
.product_topLinkBTN{ position:absolute;padding:13px 20px 13px 40px; background-color:#ccc; color:#333; font-size:15px; top:70px; left:2%; text-transform:uppercase}
.product_topLinkBTN span{ position:absolute;display:block; width:11px; height:19px; background: url(../images/news_ImgPageBTN.png) top no-repeat; top:11px; left:15px;}
.product_topLinkBTN tt{ color:#666}
.product_topLinkBTN:hover{ background-color:#e0e0e0;}
.product_mask{ position:absolute; display:block; padding:2.5% 0;background-color:rgba(0, 0, 0, 0.7); bottom:0; left:0; width: 100%; }
.product_mask h1{ position:absolute; width:100%; line-height:35px; color:#fff; font-size:45px; font-weight:bold; padding-left:10%;text-shadow:2px 1px 3px #000; top:-50px;}
.product_mask h2{  line-height:23px;color:#fff; font-size:15px;padding:0 18% 0 10%; text-shadow:1px 1px 1px #000; margin:auto}
.product_viewBTN{ position:absolute; display:block;padding:15px 2%; background-color:#fff; color:#333; font-size:15px; text-align:center; text-transform:uppercase; top:30%; right:3% }
.product_viewBTN:hover{ background-color:#e0e0e0;}

.product_engineDIV{ padding:30px 0 6% 0; background-color:#333; border-bottom:5px #fff solid}
.product_engineDIV h1{ font-size:30px; color:#fff; text-align:center; margin-bottom:30px;text-transform:uppercase}
.product_engineG{ width:80%; max-width:1110px; margin:auto}
.product_engineImg{ float:left;width:32%; margin-right:2%;}
.product_engineImg:last-child{ margin-right:0}
.product_engineImg h1{ color:#fff; font-size:25px; margin-top:20px; margin-bottom:15px; text-align:left; text-transform:uppercase}
.product_engineImg h2{color:#fff; font-size:14px; line-height:23px;}

.product_componentsDIV{background-color:#909090;border-bottom:5px #fff solid}
.product_componentsLeft{float:left;width:49.5%; padding-top:3%;background-color:#909090; }
.product_componentsLeft h1{width:50%;color:#fff; font-size:25px; margin:auto auto 20px}
.product_componentsLeft h2{width:50%;color:#000; font-size:15px; line-height:23px; margin:auto}
.product_componentsRight{ float:right; width:50%; background-color:#fff;border-left:5px solid #fff;}
.product_componentsRight img{ float:left;width:49.47%; margin-right:0.5%; margin-bottom:0.5%; }
.product_componentsRight img:nth-child(2n){ margin-right:0;}
.product_componentsRight img:nth-child(3), .product_componentsRight img:nth-child(4){margin-bottom:0}

.product_showDIV{position:relative;width:100%; height:557px; background: url(../images/product03_showImg.jpg) 30% no-repeat;-moz-background-size: cover;background-size: cover;border-bottom:5px #fff solid}
.product_showDIV span{ display:block;float:right; width:50%; height:100%; padding-top:10%; background:rgba(0,0,0,0.5)}
.product_showDIV h1,.product_showDIV h2 {width:50%; color:#fff; font-size:25px; text-shadow:1px 1px 2px #000; margin:auto auto 20px;}
.product_showDIV h2{ font-size:15px; line-height:23px; margin:auto auto 0}

.product_exhibitDIV{ padding:5% 0; background-color:#fff;}
.product_exhibitG{ width:80%; max-width:950px; margin:auto}
.product_exhibitLeft{ float:left; width:30%;}
.product_exhibitLeft h1{ font-size:35px; color:#000; font-weight:bold; line-height:40px; margin-bottom:8%}
.product_exhibitLeft h2{ font-size:13px; color:#000; margin-bottom:5%}
.product_choose li{ width:55px; height:55px; margin-bottom:3%; background-color:#000}
.product_choose li:hover{ width:90px; background-color:#ccc}
.product_exhibitRight{ float:right; width:68%;}

.product_OtherImgDIV { height: 100%; }
.product_OtherDIV{ background-color:#fff; }
.product_OtherImg li{ float:left;width:33%; margin-right:0.5%;}
.product_OtherImg li:nth-child(3n){ margin-right:0}

.product_TxtDIV{ padding:3% 0 5% 0;
background: -moz-linear-gradient(top,  #333333 1%, #7d7e7d 31%, #7d7e7d 67%, #2b2b2b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #333333 1%,#7d7e7d 31%,#7d7e7d 67%,#2b2b2b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #333333 1%,#7d7e7d 31%,#7d7e7d 67%,#2b2b2b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#2b2b2b',GradientType=0 ); /* IE6-9 */}
.product_TxtDIV h1{ color:#fff; font-size:35px; font-weight:bold; text-align:center; line-height:40px; text-shadow:1px 1px 10px #000; margin-bottom:5%}
.product_TxtDIV table{ width:90%; max-width:1170px; color:#333; font-size:12px; text-align:center;  margin:auto}
.product_TxtDIV th, .product_TxtDIV th.On{ height:60px; background-color:#A8A9AD; font-size:15px;border-right:1px solid #fff}
.product_TxtDIV th:hover, .product_TxtDIV th.On{ background-color:#fff}
.product_TxtDIV th:last-child{ border:0}
.product_TxtDIV tr{ height:60px;background-color:#e0e0e0;}
.product_TxtDIV tr:nth-child(2n){ background-color:#fff}
.product_TxtDIV tr:hover{ background-color:#eee}

.product_recommendDIV{position:relative;width:100%; padding-top:3%;background-repeat : repeat-y; background-attachment : fixed; background-image: url(../images/product_recommendBG01.jpg);-moz-background-size: cover;background-size: cover;border-top:5px #fff solid}
.product_recommendDIV h1{ color:#fff; font-size:35px; font-weight:bold; text-align:center; line-height:40px; text-shadow:1px 1px 5px #000; margin-bottom:3%}
.product_recommendG{ width:80%; max-width:1170px;background:#fff center no-repeat; padding:0 15px 20px 15px; margin:auto}
.product_recommendImg{  float:left;width:49%; padding:20px; margin-right:1.5%;background:#e0e0e0; }
.product_recommendImg:last-child{ margin-right:0}
.product_recommendImg h1, .product_recommendImg h2{ font-size:25px; line-height:30px; color:#000; text-align:left; text-shadow:none; margin-bottom:1%}
.product_recommendImg h2{ font-size:20px; margin-bottom:3%}
.product_recommendImg img{ width:85%; margin:auto auto 5%}
.product_recommendImg ul{ padding-top:15px; border-top:2px solid #999}
.product_recommendImg li{float:left; list-style:disc inside; width:33%;color:#000; font-size:15px; margin-bottom:20px; vertical-align:top }
.product_recommendImg p{ font-size: 13px; line-height: 20px; margin-bottom: 15px; }
.product_selectBTN{ display:block; height:35px; line-height:35px; background-color:#333; color:#fff; font-size:15px; text-align:center; text-transform:uppercase; margin-top: 40px; }
.product_selectBTN:hover{ background-color:#999;}


/*refit.html*/
.pageBTNG{ position:fixed;width:100%; top:60%; left:0; z-index:0}
.pagePrevBTN{ display:block; float:left;width:50px; height:70px; padding-top:50px; background:url(../images/pageArr.png) no-repeat rgba(255, 255, 255, 1)  left top; color:#000; font-size:12px; text-align:center;}
.pageNextBTN{ display:block; float:right;width:50px; height:70px; padding-top:50px; background:url(../images/pageArr.png) no-repeat rgba(255, 255, 255, 1)  right top; color:#000; font-size:12px; text-align:center;}
.pagePrevBTN:hover{background:url(../images/pageArr.png) no-repeat rgba(255, 255, 255, 0.7) left top}
.pageNextBTN:hover{background:url(../images/pageArr.png) no-repeat rgba(255, 255, 255, 0.7) right top}
.refit_mainDIV, .clothes_mainDIV{width: 100% ; background-repeat : repeat-y; background-attachment : fixed; background: #000 ;-moz-background-size: cover;background-size: cover; z-index:2;}
/* .refit_mainDIV, .clothes_mainDIV{width: 100% ; background-repeat : repeat-y; background-attachment : fixed; background-image: url(../images/refitBG.jpg) ;-moz-background-size: cover;background-size: cover; z-index:2;} */

.refit_mainG{ width:90%; max-width:1170px; padding:95px 0 130px; margin:0 auto;}
.refit_leftDIV{ float:left; width:15%; padding:0 5px 25px;background-color:#fff; margin-bottom:3%}
.refit_Title{ line-height:35px; color:#333; font-size:16px; border-bottom:1px solid #232323; text-align:left; margin-bottom:8px;}
.refit_MenuTitle{ position:relative;height:40px; line-height:30px; color:#000; font-size:12px; padding-left:10px; background: url(../images/refit_MenuTitleBG.jpg) repeat-x;border-bottom:1px solid #232323; margin-top:8px;}
.refit_MenuTitle:after{ content:'';position:absolute; display:block;width:22px; height:16px; background:url(../images/refit_MenuTitleArr.png) no-repeat; top:7px; right:5px; }
.refit_MenuTitle:hover:after{ background-position:bottom}
.refit_MenuBTN{ padding:5px; background-color:#fff;border-style:solid; border-color: #afafaf; border-width:0 1px 1px; }
.refit_MenuBTN li{ padding-left:5px; height:30xp; line-height:30px;color:#000; font-size:12px; text-align:left; background-color:#fff;}
.refit_MenuBTN li:hover{ background-color:#3975D7; color:#fff;}

.refit_optionsG{ padding:8px 10px;}
.refit_optionsG label input[type="radio"] + span {display:inline-block;width:21px;height:21px; margin:auto 10px auto 0;
vertical-align:middle;background: url(../images/refit_options.png) left top no-repeat;cursor:pointer;}
.refit_optionsG label input[type="radio"]:checked + span {background: url(../images/refit_options.png) right center no-repeat;}
.refit_optionsG li{ height:21px;line-height:21px;color:#333; font-size:12px; text-align:left; margin-bottom:10px;}

.refit_rightDIV{ width:80%; float:right;}
.refit_proTxt, .clothesproTxt{ width:100%;padding:20px; background-color:#fff;}
.refit_proTxt ul, .clothesproTxt ul{ float:left; width:60%; color:#333;}
.refit_proTxt li:first-child, .clothesproTxt li:first-child{ font-size:20px; text-align:left; text-transform:uppercase; margin-bottom:15px;}
.refit_proTxt li:last-child, .clothesproTxt li:last-child{ line-height:23px; font-size:12px; text-align:left;}{ width:100%;padding:20px; background-color:#fff;}
.refit_proTxt ul{ float:left; width:60%; color:#333;}
.refit_proTxt li:first-child{ font-size:20px; text-align:left; text-transform:uppercase; margin-bottom:15px;}
.refit_proTxt li:last-child{ line-height:23px; font-size:12px; text-align:left;}
.refit_proTxt_img{ float:right; width:30%;}

.refit_proImgDIV{ margin-top:2%}
.refit_proImg{ position:relative;float:left; width:17.2%;margin-right:3.5%; margin-bottom:3.5%}
.refit_proImg:nth-child(5n){ margin-right:0}
.refit_proImg span{ position:absolute;width:90%; height:90%; background-color:rgba(0, 45, 87, 0); top:5%; left:5%;}
.refit_proImg h1{ width:90%; line-height:16px; padding:0 10px 5px;font-size:12px; color:transparent;border-bottom:1px #transparent solid; text-transform:uppercase; margin:5% auto 0 0}
.refit_proImg h2{ position:absolute;color:transparent; font-size:12px; padding-left:10px; bottom:10%}
.refit_proImg:hover span{background-color:rgba(0, 45, 87, 0.7);}
.refit_proImg:hover h1{color:#fff;border-bottom:1px #fff solid;}
.refit_proImg:hover h2{color:#fff;}

/*refit_inside.html*/
.refitInside_leftDIV, .clothesInside_leftDIV{ float:left;width:30%; padding:0 5px 5px; background-color:#fff; }
.refitInside_leftDIV h1, .clothesInside_leftDIV h1{ line-height:40px;font-size:20px; color:#000; text-align:left; border-bottom:1px solid #ccc; margin-bottom:10px;text-transform:uppercase;}
.refitInside_leftDIV h2{ color:#000; font-size:12px;text-transform:uppercase;}
.refitInside_leftDIV h2 tt{ float:right; margin-bottom:10px;}
.refitInside_commTxt{ font-size:12px; color:#000; line-height:20px; padding-bottom:10px; border-bottom:1px solid #000}
.refitInside_commTxt li:first-child{ color:#891D2C; text-transform:uppercase; margin-bottom:5px}
.refitInside_comm_On, .refitInside_comm_Off{ position:relative; height:25px; line-height:25px; padding-left:5px;color:#891D2C; font-size:12px; background-color:#fff;}
.refitInside_comm_On:after, .refitInside_comm_Off:after{ content:'';position:absolute; display:block;width:11px; height:11px; background:url(../images/refitInside_commOpen.png) no-repeat top; top:6px; right:5px;}
.refitInside_comm_On:hover{ color:#fff; background-color:#333;}
.refitInside_comm_On:hover:after{ background-position:center}
.refitInside_comm_Off{ color:#000}
.refitInside_comm_Off:after{background-position:bottom}

.refitInside_commSelect{ height:80px; padding:5px 10px; overflow-y:auto; border-bottom:1px solid #000}
.refitInside_commSelect li{list-style:disc inside; font-size:12px; color:#891D2C; margin-bottom:5px; text-transform:uppercase}
.refitInside_commSelect li:hover{ color:#333}
.refitInside_commSelect tt{ color:#666; margin-left:5px;}

.refitInside_commImg{ padding:5px 0;border-bottom:1px solid #000}
.refitInside_commImg li{ display:inline-block; width:23.3%; margin-right:1%; opacity:1}
.refitInside_commImg li:last-child{ margin-right:0}
.refitInside_commImg li:hover{opacity:.7}
.refitInside_backBTN{ display:block; height:40px; line-height:40px; background:url(../images/refitInside_backBTN.png) 5px 13px no-repeat #fff; padding-left:20px; color:#891D2C; font-size:14px; text-transform:uppercase;}
.refitInside_backBTN:hover{ background:url(../images/refitInside_backBTN.png) 5px -25px no-repeat #333; color:#fff;}

.refitInside_rightDIV{ float:right; width:65%; padding:10px;background-color:#fff; }
.refitInside_proFuntion{ margin-top:3%}
.refitInside_proExImg{ width:60%; float:left;}
.refitInside_proExImg li{ display:inline-block; width:23.5%; margin-right:1%; margin-bottom:2%}
.refitInside_proExImg li:nth-child(4n){ margin-right:0}
.refitInside_proExImg li:hover img{ opacity:0.7}
.refitInside_proTool{ float:right; width:20%; min-width:140px;}
.refitInside_zoom, .refitInside_full{ position:relative;height:30px; line-height:30px; border-bottom:1px solid #000; color:#000; font-size:12px; text-align:right; padding-right:30px; text-transform:uppercase}
.refitInside_zoom:hover, .refitInside_full:hover{ color:#891D2C}
.refitInside_zoom:after, .refitInside_full:after{ content:'';position:absolute; width:20px; height:20px; background:url(../images/refitInside_zoom.png) no-repeat; top:3px; right:2px}
.refitInside_full:after{width:9px; height:10px; background:url(../images/refitInside_full.png) no-repeat; top:10px; right:5px}

/*clothes.html*/
.clothes_mainDIV{width: 100% ; background-repeat : repeat-y; background-attachment : fixed; background: #000;-moz-background-size: cover;background-size: cover; z-index:2;}
/* .clothes_mainDIV{width: 100% ; background-repeat : repeat-y; background-attachment : fixed; background-image: url(../images/clothesBG.jpg);-moz-background-size: cover;background-size: cover;} */
.clothesproTxt ul{ width:100%;}


/*clothes_inside.html*/
.clothesInside_leftDIV h2{ font-size:12px; color:#000; margin-bottom:15px;}
.clothesInside_leftDIV h3, .clothesInside_leftDIV h4{ font-size:12px; color:#012C56; text-transform:uppercase; margin-bottom:15px;}
.clothesInside_leftDIV h3 tt{ margin-left:10%}
.clothesInside_commTxt{ font-size:12px; color:#333;}
.clothesInside_commTxt li{list-style:disc inside; line-height:20px; padding-left:5px;}
.clothesInside_commTxt li:first-child{ list-style:none; padding-left:0;}
.clothesInside_leftDIV h4{ line-height:30px;border-bottom:1px solid #000; margin-bottom:0}

/*map.html*/
.map_mainDIV{width:100%; height:100%;-moz-background-size: cover;background-size: cover; z-index:2}
.map_toolDIV{ position:absolute;width:270px;padding:5px; background-color:#fff; top:100px; left:10%; z-index: 2;}
.map_mainBTN{ height:35px; border-bottom:1px solid #000; margin-bottom:5px;}
.map_mainBTN span{ display:block; float:left;width:100%; height:30px; line-height:30px; border-right:1px solid #fff; background-color:#666; color:#fff; font-size:14px; text-align:center;}
.map_mainBTN span:hover,.map_mainBTN span.On{ background-color:#891D2C;}
.map_searchG{ height:45px; padding:5px; background-color:#ccc; margin-bottom:5px;}
.map_searchG:hover{ background-color:#999}
.map_searchG input{ width:100%; height:30px; line-height:30px; padding:0 10px; color:#666; font-size:14px; margin-bottom:5px;}
.map_adrees{ padding:5px 0; height:285px;border-top:1px solid #000; overflow-y:auto}
.map_adrees li{ padding:5px 10px; line-height:18px;background-color:#ccc;font-size:12px; color:#000; margin-bottom:1px;}
.map_adrees li img{ width:23px;}
.map_adrees li:hover{ background-color:#666; color:#fff}
.map_sendBTN{ display:block; height:35px; line-height:35px; background-color:#666; color:#fff; text-align:center; font-size:14px;}
.map_sendBTN:hover{ background-color:#891D2C;}
.google_path { max-height:400px; background: #ffffff; }
#map-canvas { z-index: 0; }
.clearfix { width: 200px;}
.mapbox { margin-top: 40px;height: auto; }


/*contact.html*/
.contact_mainDIV{width:100%; height:100%; padding-top:90px;background: url(../images/contactBG.jpg) center no-repeat;-moz-background-size: cover;background-size: cover;}
.contact_mainG{ width:75%; max-width:1170px; padding:5px; background-color:#fff; margin:auto}
.contact_Txt{ float:left; width:49.5%;}
.contact_Txt ul{ margin: 0 10px 0 10px;}
.contact_Txt h1{ line-height:50px; color:#333; font-size:20px; margin-left: 10px;}
.contact_Txt p{margin-bottom: 8px;}
.contact_Txt h2{ padding:5px 20px;line-height:18px; background-color:#666; color:#fff; font-size:12px;margin-bottom:5px;}
.contact_Txt table{ width:100%; background-color:#ccc; border:2px solid #ccc}
.contact_Txt input{ width:100%; height:30px; line-height:30px; padding:0 5px; font-size:15px; color:#333; border:1px solid #fff;}
.contact_Txt textarea{ width:100%; height:200px; padding:5px; font-size:15px;color:#333; border:1px solid #fff;}
.contact_Txt input:hover, .contact_Txt textarea:hover{ border-color:#ccc}
.contact_sendBTN{ display:block; height:30px; line-height:30px; color:#fff; font-size:15px; text-align:center; background-color:#666;}
.contact_sendBTN:hover{ background-color:#891D2C}
.contactImg{ float:right; width:50%; height:450px; background: url(../images/contactImg.jpg) right no-repeat;-moz-background-size: cover;background-size: cover;}


/*about.html*/
.about_Txt01BTN, .about_Txt02BTN, .about_Txt03BTN{ position:relative;width:100%; height:650px;background: url(../images/aboutBG01.jpg) left no-repeat;-moz-background-size: cover;background-size: cover; margin-bottom:5px;}
.about_Txt02BTN{background: url(../images/aboutBG02.jpg) right no-repeat;}
.about_Txt03BTN{background: url(../images/aboutBG03.jpg) left no-repeat;}
.about_Txt01BTN h1{ position:absolute; font-size:30px; color:#fff; top:25%; right:10%; text-shadow:2px 1px 3px #000}
.about_Txt01BTN span, .about_Txt02BTN span, .about_Txt03BTN span{ position:absolute; display:block;width:100%; height:15%;background-color:rgba(0, 0, 0, 0.7); bottom:0; left:0}
.about_Txt01BTN h2, .about_Txt02BTN h2, .about_Txt03BTN h2{display:inline-block; position:absolute;color:#fff;font-size:25px; top:40%; right:20%;text-shadow:1px 1px 1px #000}
.about_Txt01BTN span:hover,.about_Txt02BTN span:hover,.about_Txt03BTN span:hover{background-color:rgba(0, 0, 0, 1);}
.about_Txt01BTN h2:after, .about_Txt02BTN h2:after, .about_Txt03BTN h2:after{ content:''; display:block; position:absolute; width:12px; height:20px; background: url(../images/aboutArr.png) no-repeat; top:3px; right:-30px}


/*about_inside.html*/
.aboutInside_mainDIV{width:100%; height:100%; padding-top:90px;background: url(../images/aboutInsideBG.jpg) center no-repeat;-moz-background-size: cover;background-size: cover;}
.about_InsideImg{ float:right; width:50%; height:450px; background: url(../images/aboutInsideImg.jpg) right no-repeat;-moz-background-size: cover;background-size: cover;}
.aboutInside_mainDIV ul{ height:400px; overflow-y:auto}
.aboutInside_mainDIV li{ font-size:12px; line-height:23px; color:#333; margin-bottom:20px;}


/*news.html*/
.news_topDIV { position:relative; width:100%; -moz-background-size: cover;background-size: cover; background: #000; bottom: 30px; }
.news_topDIV img {position: relative; top:100px; left:0; right:0; bottom:0; margin: auto; max-height: 100%; ;max-width:100%; margin-bottom:60px;}
.news_mask{ position:absolute; width:100%; padding:2.5% 0;background-color:rgba(0, 0, 0, 0.7); bottom:-100px; left:0 }
.news_topDIV h1{ position:absolute; width:100%; line-height:35px; color:#fff; font-size:30px; font-weight:bold; padding-left:10%;text-shadow:2px 1px 3px #000; top:-40px;}
.news_topDIV h2{ line-height:23px;color:#fff; font-size:15px;padding:0 18% 0 10%; text-shadow:1px 1px 1px #000; margin:auto}
.news_moreBTN{ position:absolute; display:block; padding:10px 25px 10px 15px ; background: url(../images/news_moreBTN.png) no-repeat 90px center #e0e0e0; color:#333; font-size:12px; text-align:center; text-transform:uppercase; bottom:-60px; right:5%;}
.news_moreBTN:hover{ background-color:#891D2C; color:#fff}
.news_ImgPage{ height:40px; background-color:#fff; }
.news_ImgPage ul{ width:100%;  margin:auto; text-align: center; }
.news_ImgPage li, .news_ImgPage li.On{ display:inline-block; width:19px; height:19px; background-color:#ccc; margin-right:10px;}
.news_ImgPage li:hover, .news_ImgPage li.On{ background-color:#000}
.news_ImgPage li:first-child{ background:url(../images/news_ImgPageBTN.png) no-repeat top #fff;}
.news_ImgPage li:last-child{ background:url(../images/news_ImgPageBTN.png) no-repeat bottom #fff; margin-right:0}

.news_listDIV{ padding:3% 0; width: 100% ; background-repeat : repeat-y; background-attachment : fixed; background-image:url(../images/refitBG.jpg) ;-moz-background-size: cover;background-size: cover;}
.news_listG{width:80%; max-width:1130px; padding:5px; background-color:#fff; margin:auto auto 3%}
.news_listG img{ width:50%; float:left;}
.news_listTxt{ position:relative;width:50%; float:left; padding:0 30px 10px 20px;}
.news_listTxt h1{ padding:10px 0; line-height:26px;font-size:23px; color:#000; border-bottom:2px solid #999;}
.news_listCalendar{ height:45px; line-height:45px; font-size:12px; color:#000; padding-left:30px;background: url(../images/news_calendar.png) no-repeat left center;}
.news_listTxt ul{ margin-top:10px;}
.news_listTxt li{ line-height:20px; color:#333; margin-bottom:20px}
.news_listTxt .news_moreBTN{ background: url(../images/news_moreBTN.png) no-repeat 90px center transparent; bottom:-0px; right:15px;}
.news_listTxt .news_moreBTN:hover{ color:#891D2C}


/*news_inside.html*/
.newsInside_mainDIV{ width:100%; padding-top:70px;background: -moz-linear-gradient(top,  #333333 1%, #7d7e7d 31%, #7d7e7d 67%, #2b2b2b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #333333 1%,#7d7e7d 31%,#7d7e7d 67%,#2b2b2b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #333333 1%,#7d7e7d 31%,#7d7e7d 67%,#2b2b2b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#2b2b2b',GradientType=0 ); /* IE6-9 */}
.news_InsideG{ width:80%; max-width:1170px; margin:auto}
.news_InsideTxt{ padding:25px 45px; background-color:#fff;}
.news_InsideTxtLeft{ float:left;width:65%;}
.news_InsideTxtLeft h1{ padding:10px 0; line-height:30px;font-size:26px; color:#333; font-weight:bold; border-bottom:1px solid #333;}
.news_InsideTxtLeft ul{ margin-top:10px;}
.news_InsideTxtLeft li{ line-height:25px; font-size:14px; color:#555; margin-bottom:20px; letter-spacing:1px;　 }
.news_InsideTxtLeft h2{ line-height:25px; font-size:16px; color:#000;text-align: right; margin-top:10px; font-weight: bold; }
.news_InsideTxtLeft p { line-height:20px; font-size:14px; color:#000;text-align: left; margin-top:10px; }
.news_InsideTxtLeft a:hover { font-weight:bold; text-decoration:underline;  } 
.news_InsideTxtLeft tt{ color:#891D2C;}
.news_InsideTxtLeft img{ margin-bottom:25px; width: 100% !important; height:100% !important; }
.news_InsideFuntion{ height:33px; line-height:33px; border-color:#666; border-style: solid; border-width:1px 0; margin-top: 8%;}
.news_Inside_backBTN{ display:block; float:left; width:158px; height:31px; line-height:31px; background:url(../images/refitInside_backBTN.png) 5px 10px no-repeat #fff; padding-left:20px; color:#891D2C; font-size:14px; text-transform:uppercase;}
.news_Inside_backBTN:hover{ background:url(../images/refitInside_backBTN.png) 5px -28px no-repeat #333; color:#fff;}
.news_fbBTN, .news_twBTN{ display:block;float:right;width:83px; height:33px; background:url(../images/news_fbBTN.png) no-repeat center; margin-left:20px;}
.news_twBTN{background:url(../images/news_twBTN.png) no-repeat center;}

.news_InsideTxtRight{ float:right; width:30%; padding-top:50px;}
.news_InsideDate{ margin-bottom:30px;}
.news_InsideDate h2{  line-height:25px;font-size:12px; color:#333; border-top:1px solid #333}
.newsInside_moreBTN{ display:block; width:90px;background: url(../images/newsInside_moreBTN.png) no-repeat 75px center;color:#891D2C; font-size:12px; text-align:left; text-transform:uppercase;}
.newsInside_moreBTN:hover{ color:#666;}

/*copyright*/
.copyrightDIV, .copyrightDIV_fixed{ position:relative;width:100%; height:55px; line-height:48px; background:url(../images/headerBG.png) repeat #000; border-top:5px solid #fff;bottom:0; left:0; z-index:3;}
.copyrightDIV { height:auto; }
.copyrightDIV.noFloat ul{margin-top: 10px;line-height: 26px;}
.copyrightDIV.noFloat ul li{line-height: 26px;}
.copyrightDIV_fixed{ position:fixed; background-color:transparent;}
.copyrightDIV ul, .copyrightDIV_fixed ul{ float:left; margin-left:10%; }
.copyrightDIV li, .copyrightDIV_fixed li{ position:relative; display:inline-block;font-size:12px;color:#FEFEFF; margin-left:20px; }
.copyrightDIV a, .copyrightDIV_fixed a{ border-bottom:1px solid transparent;}
.copyrightDIV li:hover a, .copyrightDIV_fixed li:hover a{ border-bottom:1px solid #FEFEFF; }
.copyrightDIV span,.copyrightDIV_fixed span{ float:right;font-size:12px;color:#FEFEFF;  margin-right:10%;}


/*按鈕變色動畫*/
.headBTN li, .refit_MenuBTN li, .refit_proImg span, .pagePrevBTN, .pageNextBTN, .refitInside_comm_On, .refitInside_commSelect li, .refitInside_backBTN, .refitInside_zoom, .refitInside_full, .map_mainBTN span, .map_sendBTN, .contact_Txt input, .contact_sendBTN, .contact_Txt textarea, .about_Txt01BTN span, .about_Txt02BTN span, .about_Txt03BTN span, .news_moreBTN, .news_ImgPage li, .news_Inside_backBTN, .newsInside_moreBTN, .product_topLinkBTN, .product_viewBTN, .product_choose li, .product_TxtDIV th , .product_TxtDIV tr, .product_selectBTN{-o-transition: color .25s linear, background-color .25s linear, border-color .25s linear;
-webkit-transition: color .25s linear, background-color .25s linear, border-color .25s linear;
-moz-transition: color .25s linear, background-color .25s linear, border-color .25s linear;
transition: color .25s linear, background-color .25s linear, border-color .25s linear;}

.copyrightDIV li a, .copyrightDIV_fixed li a, .product_img span, .map_searchG, .map_adrees li{-o-transition: color .35s linear, background-color .35s linear, border-color .35s linear;
-webkit-transition: color .35s linear, background-color .35s linear, border-color .35s linear;
-moz-transition: color .35s linear, background-color .35s linear, border-color .35s linear;
transition: color .35s linear, background-color .35s linear, border-color .35s linear;}

/*------BTN------*/
.headG li, .head_searchG span, .head_lanNow, .head_link li, .head_fbBTN, .head_twBTN, .head_yuBTN, .main_imgG li, .copyrightDIV li, .head_hideBTN, .product_img, .copyrightDIV_fixed li a, .refit_MenuTitle, .refit_MenuBTN li, .refit_proImg, .pagePrevBTN, .pageNextBTN, .refitInside_comm_On, refitInside_comm_Off, .refitInside_commSelect li, .refitInside_commImg li, .refitInside_backBTN, .refitInside_proExImg li, .refitInside_zoom, .refitInside_full, .map_mainBTN span, .map_adrees li, .map_sendBTN, .contact_sendBTN,.about_Txt01BTN span, .about_Txt02BTN span, .about_Txt03BTN span, .news_moreBTN, .news_ImgPage li, .news_Inside_backBTN, .news_fbBTN, .news_twBTN, .newsInside_moreBTN, .product_topLinkBTN, .product_viewBTN , .product_choose li, .product_TxtDIV th, .product_selectBTN{cursor: pointer; }



.no_hand{ cursor:default}








/* 新增CSS 開始 */

	/* 商品列表開始 */

.ferav{
	padding: 0 10px 10px 10px;
	}

/*.product-list{
    position: relative;
    width: 100%;
	}

.product-list-content{
    width: 20%;
    padding: 10px;
    float: left;
    position: relative;
    height:180px;
    display: none;
	}*/

.product-list div.product-list-box{
    position: relative;
	}

.product-list div.product-list-box span{ 
	position:absolute;
	width:90%; 
	height:90%; 
	background-color:rgba(0, 45, 87, 0); 
	top:5%; 
	left:5%;
	}

.product-list div h1{ width:90%; line-height:16px; padding:0 15px 5px;font-size:12px; color:transparent;border-bottom:1px #transparent solid; text-transform:uppercase; margin:5% auto 0 0}
.product-list div h2{ position:absolute;color:transparent; font-size:12px; padding-left:10px; bottom:10%}

.product-list div:hover span{background-color:rgba(0, 45, 87, 0.7);}
.product-list div:hover h1{color:#fff;border-bottom:1px #fff solid;}
.product-list div:hover h2{color:#fff;}

.product-load{
	width:45px;
	height:45px;
	margin: 0 auto;
	margin-top: 50px;
	margin-bottom: 30px;
	background: url(../images/load.svg);
	}

.product-load.load-end{
	background:none;
	width:15px;
	height:15px;
	border:4px rgba(255,255,255,0.5) solid;
	border-radius: 50%
	}

@media screen and (min-width: 768px) and (max-width: 979px) {
	.product-list-content{
	    width: 50%;
	    padding: 10px;
	    float: left;
	    position: relative;
	    height:380px;
	    display: none;
	    margin-bottom: 30px;
		}
	}

@media screen and (max-width: 767px) {
	.product-list-content{
	    width: 100%;
	    padding: 10px;
	    float: left;
	    position: relative;
	    height:auto;
	    display: none;
		}
	}





	/* 選單開始 */

.sub-menu{
	display: none;
	}

@media screen and (min-width: 979px) {

	.sub-menu{
		position: absolute;
		top: 65px;
		left: 0;
		background: #fff;
		width: 100%;
		height: auto;
		/*padding: 5px;*/
		display: none;
		transition: all 0.5s;
		}

	.headBTN li:hover .sub-menu{
		display: block;
		}

	.sub-menu li{
		height: auto;
		padding: 0;
		margin: 0;
		padding: 5px;
		}

	.sub-menu.class-type-1 li{
		height: auto;
		padding: 0;
		margin: 0;
		width: 100%;
		padding: 5px;
		}

	.sub-menu.class-type-2 li{
		height: auto;
		padding: 0;
		margin: 0;
		width: 50%;
		padding: 5px;
		}

	.sub-menu.class-type-3 li{
		height: auto;
		padding: 0;
		margin: 0;
		width: 33.3%;
		padding: 5px;
		transition: all 0.5s;
		}

	.sub-menu.class-type-4 li{
		height: auto;
		padding: 0;
		margin: 0;
		width: 25%;
		padding: 5px;
		}

	.sub-menu.class-type-5 li{
		height: auto;
		padding: 0;
		margin: 0;
		width: 25%;
		height: 50%;
		padding: 5px;
		}

	.sub-menu li a{
		display: block;
		height: auto;
		position: relative;
		}

	.sub-menu li a span{
		position: absolute;
		bottom: 0;
		left: 0;
		display: block;
		background: rgba(4,63,181,0.4);
		width: 100%;
		height: 45px;
		font-size: 14px;
		line-height: 45px;
		letter-spacing: 0.05em;
		color:#fff;
		text-align: left;
		padding: 0 10px;
		white-space:nowrap;
		text-overflow:ellipsis;
		overflow:hidden;
		transition: all 0.5s;
		}

	.sub-menu li:hover a span{
		background: rgba(4,63,181,0.6);
		}

	}




	/* 頁碼 開始 */


.pagenation ul {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
	}

.pagenation ul li {
    display: inline;
	}

.pagenation a, 
.pagenation ul li {
	display: inline-block;
    position: relative;
    float: left;
    padding: 6px 12px;
    margin: 3px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    border: 1px solid rgba(255,255,255,0.5);
    border-radius: 3px;
    color: rgba(255,255,255,0.7);
	}

.pagenation li.active{
	background: rgba(255,255,255,0.3)
	}

.pagenation ul li a{
    padding: 0;
    margin: 0;
    border: 0;
	}

	/* 頁碼 結束 */

	/* 編輯器 Table */

.edit-table{
	width: 100%;
	}

.edit-table tr th{
	background: #eee;
	font-weight: 900;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: 0.05em;
	color:#333;
	border:1px #ccc solid;
	padding: 6px;
	}

.edit-table tr td{
	font-size: 14px;
	line-height: 22px;
	letter-spacing: 0.05em;
	color:#333;
	padding: 6px;
	border:1px #ccc solid;
	}


.edit-table.text-center tr td{
	text-align: center;
	}

.table-responsive {
    min-height: .01%;
    overflow-x: auto;
}


@media screen and (max-width: 767px) {

	.edit-table tr th{
		background: #eee;
		font-weight: 900;
		font-size: 12px;
		letter-spacing: 0em;
		padding: 1px;
		}

	.edit-table tr td{
		font-size: 12px;
		letter-spacing: 0em;
		padding: 1px;
		}

	}