@charset "utf-8";
@import "font-awesome.min.css";

body {background: #fff url(../images/c-bg.png)no-repeat center center fixed;background-size: cover; width:100%; height:auto; margin:0; padding:0; font-family:"微軟正黑體"; font-size: 16px; line-height: 1.6;}
html { width:100%; height:auto;}
@media screen and (max-width: 640px) {
	body {background: #fff url(../images/c-bg.png)no-repeat center center fixed;}
} 
.warpper { }
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}/* End hide from IE-mac */
a { text-decoration:none;transition: all 0.3s ease 0s;}
img { border:0; vertical-align:middle;max-width: 100%;}
input { vertical-align:middle;}
.slicknav_menu {display:none;}
input.select-box { border:1px #CBCBCB solid; padding:5px 3%; width:20px; height:20px; text-align:center; margin-bottom:5px; }


/*** padding and border no width ****/
*{
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
 -moz-box-sizing: border-box;    /* Firefox, other Gecko */
 box-sizing: border-box;         /* Opera/IE 8+ */
}


/***** 表單預設文字顏色設定 *****/
/* 通用 */
::-webkit-input-placeholder { color:#999999; }
::-moz-placeholder { color:#999999; } /* firefox 19+ */
:-ms-input-placeholder { color:#999999; } /* ie */
input:-moz-placeholder { color:#999999; }

/* webkit专用 */
#field2::-webkit-input-placeholder { color:#999999; }
#field3::-webkit-input-placeholder { color:#999999; background:lightgreen; text-transform:uppercase; }
#field4::-webkit-input-placeholder { font-style:italic; text-decoration:overline; letter-spacing:3px; color:#999999; }

/* mozilla专用 */
#field2::-moz-placeholder { color:#999999; }
#field3::-moz-placeholder { color:#999999; background:lightgreen; text-transform:uppercase; }
#field4::-moz-placeholder { font-style:italic; text-decoration:overline; letter-spacing:3px; color:#999999; }


/*** 手機選單、選單 色塊-變色  ***/
@media screen and (max-width:640px){
.b-color, .slicknav_menu {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4388cf+0,0e5baa+100 */
background: rgb(67,136,207); /* Old browsers */
background: -moz-linear-gradient(top, rgba(67,136,207,1) 0%, rgba(14,91,170,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(67,136,207,1) 0%,rgba(14,91,170,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(67,136,207,1) 0%,rgba(14,91,170,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4388cf', endColorstr='#0e5baa',GradientType=0 ); /* IE6-9 */ } /** 選單顏色 ***/
.slicknav_icon-bar { background-color: #FFF;} /** 手機選單ICON按鈕色 ***/
.slicknav_btn { } /** 手機選單ICON按鈕底色 ***/

.b-color>li:hover, .b-color>li>ul>li>a:hover, .slicknav_nav .slicknav_row:hover, .slicknav_nav a:hover {background:#e60012;} /** 選單滑入顏色 ***/
.slicknav_nav>li {} 
.border-color { border-left:7px #A0A0A0 solid;} /** 標題顏色 ***/
}

header {margin: 30px auto 0 auto;}
header:before{content: "";display: block;width: 100%;height: 19px; margin: 0 auto -19px auto;position: relative; background: url(../images/menu-shadow.png)no-repeat top center;background-size: contain;}
.header-main {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4388cf+0,0e5baa+100 */
background: rgb(67,136,207); /* Old browsers */
background: -moz-linear-gradient(top, rgba(67,136,207,1) 0%, rgba(14,91,170,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(67,136,207,1) 0%,rgba(14,91,170,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(67,136,207,1) 0%,rgba(14,91,170,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4388cf', endColorstr='#0e5baa',GradientType=0 ); /* IE6-9 */ }
.header { background: url(../images/menu_bg.png)no-repeat right center;  }

.head-main { max-width:1200px; margin:0 auto; height:60px;padding:0; position:relative; }
.home{font-size:16px; color: #0e5baa;position: absolute;right: 0;top:-27px;display: flex;align-items: center;text-transform: uppercase;font-family: 'Exo 2', sans-serif;}
.home .fa-home{font-size:26px;padding: 0 0 0 5px;}
.home a{display: block; color: #0e5baa;}
.home a:hover{color: #e60012;}
.banner { background: #ffffff;position: relative; }
.banner img { vertical-align:middle; width:100%; height:auto; position:absolute;}
@media screen and (max-width:1200px){
	.home{right:5px;}
}
@media screen and (max-width:640px){
	header {margin:  0 auto;}
.head-main{height: 0;position: inherit;margin: 0 auto;}
.home{position: fixed;right:inherit;top:7px;left:5px;color: #fff;z-index: 1000;}
.home a{ color: #fff;}
	.home a:hover{color: #ffe4e6;}
	.banner {padding: 39.38px 0 0 0;}
}
/***  選單與下拉  ***/
nav {}
 .menu { padding:0; list-style:none; position:relative;  margin: 0 auto;display: flex;justify-content: center;align-items: center;height: 60px;overflow: hidden;}
 .menu>li { color:#fff;  font-size:16px; text-align:center; position:relative; cursor:pointer;}
 .menu>li .menu-en { color:#afd3f9; font-size:13px;text-transform: uppercase;font-family: 'Exo 2', sans-serif;line-height: 1.2;}
 .menu>li>a { color:#fff; display:block;padding:10px 50px;}  
 .menu>li>a:hover { background:#e60012;}
 .menu>li>a:hover .menu-en {color: #fcacb2;}
 .menu>li.sub>ul.sub-menu { background:rgba(0,0,0,0.5); display: none; position:static; z-index:999; margin:0; padding:0; -webkit-border-radius:  0 0 5px 5px; -moz-border-radius:  0 0 5px 5px;border-radius: 0 0 5px 5px; overflow:hidden;}
 .menu>li.sub:hover ul.sub-menu { position:absolute; display: block; width:100%; left:0; top:47px;}
 .menu>li.sub>ul.sub-menu>li { display:block; border-top:1px #fff dotted; }
 .menu>li.sub>ul.sub-menu:hover li { display:block;}
 .menu>li.sub>ul.sub-menu>li>a { display:block; color:#fff;}
 .menu>li.sub>ul.sub-menu>li>a:hover { background: #000000;}
@media screen and (max-width:1050px){
 .menu>li>a { padding:10px 30px;}  
}
@media screen and (max-width:800px){
 .menu>li>a { padding:10px 16px;}  
}
@media screen and (max-width: 640px) {
	.slicknav_menu { display:none;}
	.js #menu {	display:none;}
	.js .slicknav_menu {display:block;position: fixed;width: 100%;z-index:1000;}
} 
/** 品牌 **/
.brands{}
.brands ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;}
.brands ul li{padding: 0;margin:0px;width: calc(25% - 0px);text-align: center;border: 1px #052443 solid;border-right: 0px #052443 solid;}
.brands ul li h4 { font-size:16px; color:#fff;padding:5px;margin: 0;font-weight: normal;background: rgba(5,36,67,.9);}
.brands ul li:nth-child(even){display: flex;flex-direction: column-reverse;}
.brands ul li:nth-child(4n){border-right: 1px #052443 solid;}
.brands ul li:last-of-type{border-right: 1px #052443 solid;}
.brands ul li:hover .brands-photo{opacity:1;transition: all .8s ease 0s;}
.brands-photo { background:#fff; width:100%; position: relative;transition: all .8s ease 0s;opacity: .8;}
.brands-photo a { display: flex; height: 100%; vertical-align: middle; text-align:center;align-items: center;justify-content: center;}
.brands-photo img.index-pro-img { width: auto; height: auto; flex-shrink:0;}
@media screen and (max-width:780px){
.brands ul li{width: calc(33.3333% - 0px);}
.brands ul li:nth-child(even){display: flex;flex-direction: column;}
.brands ul li:nth-child(3n-1){display: flex;flex-direction:column-reverse;}
.brands ul li:nth-child(4n){border-right: 0px #052443 solid;}
.brands ul li:nth-child(3n){border-right: 1px #052443 solid;}
}
@media screen and (max-width:620px){
.brands ul li{width: calc(50% - 0px);}
.brands ul li:nth-child(3n-1){display: flex;flex-direction: column;}
.brands ul li:nth-child(3n){border-right: 0px #052443 solid;}
.brands ul li:nth-child(even){display: flex;flex-direction:column-reverse;border-right: 1px #052443 solid;}
}
@media screen and (max-width:370px){
.brands ul li{width: calc(100% - 0px);border-top: 1px #052443 solid;border-right: 1px #052443 solid;}
.brands ul li:nth-child(3n){border-right: 1px #052443 solid;}
.brands ul li:nth-child(even){display: flex;flex-direction:column;}
}

/** 品牌SWISSPRO **/
.brands-main{font-size: 16px; color: #333;}
.brands-main h2{background: #2185ec; padding:5px 20px;margin:40px 0 15px 0;font-size: 22px; color: #fff;font-weight: bold;text-align: left;display: table;border-left: 5px #0b55a2 solid;border-radius: 5px 0 0 5px ; position: relative;}
.brands-main h2:after{content: "";display: block;position: absolute;right: -12px; top: calc(50% - 22.5px);width: 0;height: 0;border-style: solid;border-width: 22.5px 0 22.5px 12px;border-color: transparent transparent transparent #2185ec;}
.brands-main h3{padding:3px 5px 3px 10px;margin:40px 0 15px 0;font-size:20px; color: #109ee7;font-weight: bold;border-left: 4px #109ee7 solid;text-align: left;}
.brands-block001{display:flex;flex-wrap: wrap; }
.brands-block001 .brands-block001-information{flex: 1;}
.brands-block001 .brands-block001-information-title{padding: 0;margin:10px 0;font-size: 22px; color: #041b41;font-weight: bold;text-align: left;}
.brands-block001 .brands-block001-images{width:250px;margin: 0 0 0 15px;}

.brands-block002{text-align: center;margin: 10px 0;}
.brands-block003{}
.brands-block003 ul{padding: 0;margin: 20px 0;list-style: none;}
.brands-block003 ul li{padding: 0;margin:10px 0;display: flex;flex-wrap: wrap;}
.brands-block003 ul li .brands-block003-images{width:180px;border: 1px #999 solid;border-radius: 5px;overflow: hidden;margin: 0 15px 0 0;}
.brands-block003 ul li .brands-block003-images img{width:100%;}
.brands-block003 ul li .brands-block003-information{flex: 1;}
.brands-block003 ul li .brands-block003-information h4{font-size: 16px; color: #082447;padding: 0;margin: 5px 0;font-weight: bold;}
.brands-block003 ul li .brands-block003-information .brands-block003-content{font-size: 15px; color: #333;}

.brands-block004{}
.brands-block004 ul{padding: 0;margin:0 0 0 20px;}
.brands-block004 ul li{padding:5px 0;margin:0;}

.brands-block005{}
.brands-block005 ul{padding: 0;margin: 20px 0;list-style: none;}
.brands-block005 ul li{padding: 0;margin:20px 0;display: flex;flex-wrap: wrap;}
.brands-block005 ul li .brands-block005-images{width:50px;margin: 0 15px 0 0;}
.brands-block005 ul li .brands-block005-images img{width:100%;}
.brands-block005 ul li .brands-block005-information{flex: 1;}
.brands-block005 ul li .brands-block005-information h4{font-size: 16px; color: #082447;padding: 0;margin: 0 0 5px 0;font-weight: bold;}
.brands-block005 ul li .brands-block005-information .brands-block005-content{font-size: 15px; color: #333;}

.brands-block006{text-align: center;margin: 10px 0;}

/** 國際認證 **/
.brands-block003 .certification{}
.brands-block003 .certification ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;}
.brands-block003 .certification ul li{padding: 0;margin:12px 5px;width: calc(33.3333% - 10px); display: flex;align-items: center;}
.brands-block003 .certification ul li .certification-year{font-family: 'Exo 2', sans-serif,"微軟正黑體";font-size: 20px;color: #fff;width: 110px;text-align: center; background: #d50c0c;padding:2px 15px;border-radius: 5px;margin: 0 25px 0 0;position: relative;}
.brands-block003 .certification ul li .certification-year:after{content: "";display: block;width: 8px; height: 8px;background: #d50c0c;border: 2px #fff solid;box-shadow: 0 0 0 4px #d50c0c;position: absolute; right:-6px;top:calc(50% - 6px);border-radius: 50%;}
.brands-block003 .certification ul li .certification-information{font-size: 16px;color: #333;flex: 1;width: 100%; display: flex;align-items: center;}
.brands-block003 .certification ul li .certification-information-icon{width: 85px;margin: 0 10px 0 0;}
.brands-block003 .certification ul li .certification-information-content{flex: 1;}

@media screen and (max-width:850px){
.brands-block003 .certification ul li{width: calc(50% - 10px);}
}
@media screen and (max-width:750px){
.brands-block001{display:block;}
.brands-block001 .brands-block001-information{width: 1005;}
.brands-block001 .brands-block001-images{display: none;margin:0;}
.pro-characteristics-img{display: none;}
}
@media screen and (max-width:550px){
.brands-block003 .certification ul li{width: calc(100% - 0px);margin: 12px 0;}
.brands-block003 .certification ul li .certification-year{width:90px;padding:2px 10px;margin: 0 0 0 0;border-radius: 5px 0 0 5px;}
.brands-block003 .certification ul li .certification-information{display:block;border: 1px #d50c0c solid;padding: 10px;border-radius: 5px;background: #fff;}
.brands-block003 .certification ul li .certification-information-icon{width: 85px;margin: 0 auto 5px auto;}
.brands-block003 .certification ul li .certification-information-content{flex:inherit;width:100%;}
}
@media screen and (max-width:500px){
.brands-block003 ul li{display:block;}
.brands-block003 ul li .brands-block003-images{width:180px;margin: 0 auto 15px auto;}
.brands-block003 ul li .brands-block003-information{width: 100%;}
.brands-block005 ul li .brands-block005-images{margin: 0 10px 0 0;}
}

/** 品牌IQAir **/
.brands-IQAir-block001{display: flex;align-items: center;margin: 0 0 30px 0;}
.brands-IQAir-block001 .brands-IQAir-block001-left {width:220px;margin: 0 15px 0 0;}
.brands-IQAir-block001 .brands-IQAir-block001-right {flex: 1;}
.brands-IQAir-block002{}
.brands-history{}
.brands-history ul{list-style: none;padding: 0;margin: 0;}
.brands-history ul li{padding: 0;margin:12px 0;display: flex;align-items: center;}
.brands-history ul li .brands-history-year{font-family: 'Exo 2', sans-serif,"微軟正黑體";font-size: 20px;color: #fff;width: 110px;text-align: center; background: #d50c0c;padding:2px 15px;border-radius: 5px;margin: 0 25px 0 0;position: relative;}
.brands-history ul li .brands-history-year:after{content: "";display: block;width: 8px; height: 8px;background: #d50c0c;border: 2px #fff solid;box-shadow: 0 0 0 4px #d50c0c;position: absolute; right:-6px;top:calc(50% - 6px);border-radius: 50%;}
.brands-history ul li .brands-history-information{font-size: 16px;color: #333;flex: 1;display: flex;align-items: center;}
.brands-history ul li .brands-history-information-icon{width: 85px;margin: 0 10px 0 0;}
.brands-history ul li .brands-history-information-content{flex: 1;}
.brands-IQAir-block003{}
.brands-IQAir-block004{}
.brands-IQAir-block004 .brands-IQAir-block004-information{font-size: 20px; color: #2185ec;font-weight: bold;}
.brands-IQAir-block004 .brands-IQAir-block004-content{font-size: 20px; color: #f97b00;margin: 20px 0 0 0;font-weight: bold;}
.brands-IQAir-block004 .brands-IQAir-block004-content ol{list-style:trad-chinese-informal;padding: 0;margin: 0 0 0 45px;}
.brands-IQAir-block004 .brands-IQAir-block004-content ol li{padding: 5px 0;margin: 0;}
.brands-IQAir-block004-content-description{font-size:16px; color: #333;margin:10px 0 0 0;font-weight:normal;}
.brands-IQAir-block004-content-description ul{list-style:circle;padding:5px 0;margin: 0 0 0 40px;}
.brands-IQAir-block004-content-description ul li{padding: 0;margin: 0 0 0 40px;}
.brands-IQAir-block004-description-information{font-size: 16px;color: #333;display: flex;align-items: center;font-weight: normal;margin: 20px 0;}
.brands-IQAir-block004-description-information-icon{width:180px;margin: 0 15px 0 0;}
.brands-IQAir-block004-description-information-content{flex: 1;}
@media screen and (max-width:540px){
.brands-main h2{border-radius: 5px; }
.brands-main h2:after{display: none;}
.brands-IQAir-block001{display:block;}
.brands-IQAir-block001 .brands-IQAir-block001-left {width:220px;margin: 0 auto 15px auto;}
.brands-IQAir-block001 .brands-IQAir-block001-right {flex:inherit;width:100%;}
	.brands-IQAir-block004-description-information{display:block;}
.brands-IQAir-block004-description-information-icon{width:180px;margin: 0 auto 15px auto;}
.brands-IQAir-block004-description-information-content{flex:inherit;width:100%;}
}
@media screen and (max-width:450px){
.brands-history ul li .brands-history-year{width:90px;padding:2px 10px;margin: 0 0 0 0;border-radius: 5px 0 0 5px;}
.brands-history ul li .brands-history-information{display:block;border: 1px #d50c0c solid;padding: 10px;border-radius: 5px;background: #fff;}
.brands-history ul li .brands-history-information-icon{width: 85px;margin: 0 auto 5px auto;}
.brands-history ul li .brands-history-information-content{flex:inherit;width:100%;}
}

/** 技術支援 **/
.technology{}
.technology ul { margin:0; padding:0; list-style:none;}
.technology ul li { clear:both;margin: 5px 0; }
.technology ul li h4{margin: 0;padding: 0;font-size: 16px; color: #333;flex: 1;display: flex;align-items: center;}
.technology ul li .technology-icon{width:40px;font-size:26px; color: #fff;background: #ed1616;padding:6px 10px; border-radius: 5px; display: flex;align-items: center;justify-content: center;margin: 0 0 0 10px;}
.technology ul li a { color:#333; display:flex;flex-wrap: wrap; padding:10px 10px; border:1px #8fb1d3 solid;background: #fff;border-radius: 10px 0 10px 0;}
.technology ul li a:hover {background: #f7fbff;}
.technology ul li:hover .technology-icon{background: #d20000;}


/*****  產品專區  *****/
.pro-store-info { font-size:13px; line-height:1.5em; color:#666; padding:10px 0 10px 35px; border-bottom:1px #CCC dotted; margin-bottom:20px;}
.pro-search-info { font-size:18px; color:#64691F; line-height:1.5em; border-bottom:1px #CCC dotted; margin-bottom:20px; text-align:center; padding-bottom:10px;}

.pro-list {}
.pro-list ul { margin:0; padding:0; list-style:none;display: flex;flex-wrap: wrap;}
.pro-list ul li {  width:calc(25% - 10px); padding:8px;margin: 5px; text-align:center;border: 1px #a9b5c0 solid;box-shadow: 3px 3px 0 0 #a9b5c0;background: #fff;}
.pro-list ul li h4 { font-size:16px; color:#1f4d7a; font-weight:normal;margin:5px 5px 0 5px;padding:0;background: #fff;height: 50px;overflow: hidden; }
.pro-list ul li:hover{border: 1px #1f4d7a solid;box-shadow: 3px 3px 0 0 #1f4d7a;}

.pro-photo { background:#fff; width:100%; position: relative;overflow: hidden;}
.pro-photo a { display: flex; height: 100%; vertical-align: middle; text-align:center;align-items: center;justify-content: center;transition: all 0.8s ease 0s;}
.pro-photo a:hover {transform:scale(1.1);transition: all 0.8s ease 0s;}
.pro-photo img.index-pro-img { width: auto; height: auto; flex-shrink:0;}

.pro-list ul li .index-pro-store {color:#938c83; line-height:1.5em; padding:10px 0; display:block;;}
.pro-list ul li .index-pro-price { color:#b83400; font-size:18px; padding:0 0 10px 0; display:block; }

.pro-detaile { }
h3.pro-detaile-title { font-size:18px; color:#fff;padding: 5px 10px; margin: 0 0 15px 0; font-weight: normal;text-align: right;text-shadow: 1px 1px 0 rgba(0,0,0,.8);/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0858a6+12,0858a6+100&0+12,1+100 */
background: -moz-linear-gradient(left, rgba(8,88,166,0) 10%, rgba(8,88,166,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(8,88,166,0) 10%,rgba(8,88,166,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(8,88,166,0) 10%,rgba(8,88,166,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000858a6', endColorstr='#0858a6',GradientType=1 ); /* IE6-9 */}
.pro-detaile-box { display: flex;flex-wrap: wrap;padding: 10px;align-items: center;}

.pro-detaile-photo-box { width:calc(40% - 15px);margin: 0 15px 0 0;}
.pro-detaile-spe-box { width: 60%; position: relative;}

.pro-specification { font-size:16px; color:#333; position:relative; margin-bottom:10px;}
.pro-specification h3 { font-size:20px; color:#333;padding: 0;margin:0 0 10px 0;}
.pro-specification h4{ font-size:18px; color:#1a6fc1;padding: 0;margin:15px 0 5px 0;}
.pro-specification ul{padding:0 ;margin: 0 0 0 25px;}
.pro-specification ul li{padding:2px 0;margin: 0;}
.pro-content { padding:0px 0; font-size:16px; color:#333; clear:both;} 
.pro-content h2{background: #2185ec; padding:5px 20px;margin:40px 0 15px 0;font-size: 22px; color: #fff;font-weight: bold;text-align: left;display: table;border-left: 5px #0b55a2 solid;border-radius: 5px 0 0 5px ; position: relative;}
.pro-content h2:after{content: "";display: block;position: absolute;right: -12px; top: calc(50% - 22.5px);width: 0;height: 0;border-style: solid;border-width: 22.5px 0 22.5px 12px;border-color: transparent transparent transparent #2185ec;}
.pro-content h3{padding:3px 5px 3px 10px;margin:40px 0 15px 0;font-size:20px; color: #109ee7;font-weight: bold;border-left: 4px #109ee7 solid;text-align: left;}
.pro-list-date { background: url(../images/time.png) left center no-repeat; font-size:12px; color: #968c69; padding-left: 20px;}
.pro-content-title01{font-size: 30px; color:#339af6;font-weight: bold;margin: 30px 0 10px 0;}
.text-align{text-align: center;}
.pro-content-title02{font-size: 20px;background:#339af6;color: #fff; font-weight:normal;margin: 10px 0 10px 0;border-radius: 5px; padding: 2px 15px;}
h3.pro-introduce {font-weight:normal; border-left:5px #111111 solid; padding:8px 0 8px 20px; font-size:20px; color:#333;}
.pro-qr-code {}
.pro-qr-code img { width:100px; height:auto;}
.cart-info { position: absolute; width: 100%; bottom: 0; }
.cart-info .price { font-size:28px; line-height: 32px; font-weight:bold; color: #F00;  vertical-align:middle; display: inline-block; float: right;}
.cart-info .quantity { font-size:16px; color: #333;  vertical-align:middle; display:block; padding:10px 0; line-height:30px;}
.cart-info .quantity select { line-height:25px;}
 .check-out { text-align:center;  vertical-align:middle; display:block;}
 .check-out a {display:block; vertical-align:middle;  font-size:13px; min-width:130px; color:#333; padding:5px 10px; margin:10px 0; text-shadow:-1px -1px 0 #fff;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #FFF; border:1px #D4D4D4 solid;}	
 			  
 .check-out a:hover { background: #D4D4D4;  text-shadow:-1px -1px 0 #A2A2A2; color:#333;}
 .check-out a img { vertical-align:middle; margin-right:10px;}

.pro-detail-information{display:flex;margin:0;padding:40px 25px;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+50,f2f2f4+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 50%, rgba(242,242,244,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 50%,rgba(242,242,244,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(255,255,255,1) 50%,rgba(242,242,244,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.pro-detail-information .pro-detail-left{flex: 2.5;}
.pro-detail-information .pro-detail-right{flex: 1;margin: 0 0 0 15px;}

.pro-detail-information02{display:flex; background: #f2f2f4 url(../images/pro001-14.jpg) no-repeat left center; margin: 0;padding:40px 25px;}
.pro-detail-information02 .pro-detail-content{margin: 0 0 0 300px;}

.pro-detail-information03{margin: 30px 0;}
.pro-detail-information03 ul{list-style: none;padding: 0;margin:20px 0;}
.pro-detail-information03 ul li{padding: 0;margin: 0;display: flex;}
.pro-detail-information03 ul li .pro-detail-content03{flex: 1;}
.pro-detail-information03 ul li .pro-detail-title{font-size: 20px; color: #1e7fe0;font-weight: bold;padding: 15px;}
.pro-detail-information03 ul li .pro-detail-title span{font-size:60px;color: #0371c8;font-style: italic;font-family: "arial";}
.pro-detail-information03 ul li .pro-detail-content03 .pro-detail-dep{color: #333;font-size:16px;background: #d4f0f4;padding: 15px;}
.pro-detail-dep-title{color: #1d78e1;font-size: 20px;font-weight: bold;margin: 0;}
.pro-detail-information03 ul li .pro-detail-picture{width: 200px;border: 3px #d4f0f4 solid;background: #f2f2f4;display: flex;align-items: center;justify-content: center;}
.pro-detail-information03 ul li .pro-detail-picture img{width:100%;}
.pro-detail-information03 ul li:nth-child(even){flex-direction: row-reverse;}

.pro-detail-information04-ab{margin: 20px 0;}
.pro-detail-information04-ab .a-information{display: flex;margin: 20px 0;flex-wrap: wrap;}
.pro-detail-information04-ab .a-information .a-content{flex: 2;}
.pro-detail-information04-ab .a-information .a-content ul{list-style: none;padding: 0;margin: 0;}
.pro-detail-information04-ab .a-information .a-content ul li{padding: 0 0 0 20px;margin: 5px 0;position: relative;}
.pro-detail-information04-ab .a-information .a-content ul li:before{content: "";display: block;position: absolute;left:5px;top:8px;width: 0;height: 0;border-style: solid;border-width: 6px 0 6px 6px;border-color: transparent transparent transparent #007bff;}
.pro-detail-information04-ab .a-information .a-picture{flex: 1;}
.pro-detail-information04-ab .a-information .a-picture img{width: 100%;}
.pro-detail-information04-ab .a-images{}
.pro-detail-information04-ab .a-images ul{list-style: none;padding: 0;margin:0;display: flex;flex-wrap: wrap;}
.pro-detail-information04-ab .a-images ul li{padding: 0;margin:8px;text-align: center;width: calc(33.3333% - 16px);}
.pro-detail-information04-ab .a-images ul li .a-img{}
.pro-detail-information04-ab .a-images ul li .a-img img{width: 100%;}
.pro-detail-information04-ab .a-images ul li .a-img-title{font-size: 16px; color: #333;margin: 5px 0;width: 100%;display: block;}

.pro-detail-information04-ab .b-information{margin: 20px 0;}
.pro-detail-information04-ab .b-information ul{list-style: none;padding: 0;margin: 0;}
.pro-detail-information04-ab .b-information ul li{padding: 0;margin:10px;display: flex;flex-wrap: wrap;justify-content: center;}
.pro-detail-information04-ab .b-information ul li .b-content{flex: 2;padding: 0 15px;}
.pro-detail-information04-ab .b-information ul li .b-picture{flex: 1;}
.pro-detail-information04-ab .b-information ul li .b-picture img{width: 100%;}
.b-images{width: 100%;}
.b-images ul{list-style: none;padding: 0;margin:0;display: flex;flex-wrap: wrap;}
.b-images ul li{padding: 0;margin:10px;text-align: center;width: calc(50% - 20px);}
.b-images ul li .b-img{}
.b-images ul li .b-img-title{font-size: 16px; color: #333;margin: 5px 0;width: 100%;display: block;}

.pro-detail-information04-title-main{display: flex;align-items: center;line-height: 1.2;margin: 15px 0;}
.pro-detail-information04-title-number{text-transform: uppercase;font-size: 80px;color: #0095ff;font-weight: bold;margin: 0 10px 0 0;}
.pro-detail-information04-title{flex: 1;line-height: 1.6;}
.pro-detail-information04-title-main-standard{color: #287fde;font-size: 24px;font-weight: bold;}
.pro-detail-information04-title-substandard{color: #333;font-size:16px;}

.pro-detail-information05{display: flex;margin: 20px 0;}
.pro-detail-information05 .pro-picture{flex: 1;text-align: center;}
.pro-detail-information05 .pro-content02{flex: 1;padding: 15px;}
.pro-detail-information05 .pro-content02 .pro-detail-title02 ul{list-style: none;padding: 0;margin: 0;}
.pro-detail-information05 .pro-content02 .pro-detail-title02 ul li{padding: 0;margin: 0;}

.pro-detail-information06{display: flex;margin: 20px 0;}
.pro-detail-information06 ul{list-style: none;padding: 0;margin: 0;}
.pro-detail-information06 ul li{padding:20px;margin:0;display: flex;border-bottom: 1px #ccc dashed;}
.pro-detail-information06 ul li:last-of-type{border-bottom:0;}
.pro-detail-information06 ul li .pro-picture02{flex: 1.8;margin: 0 15px 0 0;}
.pro-detail-information06 ul li .pro-picture02 img{width: 100%;}
.pro-detail-information06 ul li .pro-content03{flex: 1;font-size: 16px; color: #333333;}
.pro-detail-information06 ul li .pro-content03 .pro-detail-title03{font-size: 24px ;color: #4a2e22;font-weight: bold;}
.pro-detail-information06 ul li .pro-content03 .pro-detail-title03 span{ color: #fff;width: 50px; height: 50px;margin: 0 0 5px 0; display: flex;align-items: center;justify-content: center; background: #18aaf3;padding: 5px;box-shadow: 0 3px 0 0 #b0b5b8;font-size: 32px; text-shadow: 1px 1px 2px #1584bc;border-radius: 5px;}
.pro-detail-information07{margin: 20px 0;}
.pro-detail-information07 ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;}
.pro-detail-information07 ul li{padding: 0;margin:10px;width: calc(100%/3 - 20px);text-align: center;}
.pro-detail-information07 ul li .pro-icon{width: 100px;margin: 0 auto;background: #306fce;padding: 20px;border-radius: 50px;}
.pro-detail-information07 ul li .pro-icon img{width:100%;}
.pro-detail-information07 ul li h4{font-size: 16px; color: #333333;padding: 0;margin: 10px 0 ;}
.pro-detail-information08{margin: 20px 0;}
.pro-detail-information08 ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;}
.pro-detail-information08 ul li{padding: 0;margin:10px;width: calc(100%/4 - 20px);text-align: center;}
.pro-detail-information08 ul li .pro-img{width:auto;margin: 0 auto;}
.pro-detail-information08 ul li .pro-img img{width:100%;}
.pro-detail-information08 ul li h4{font-size: 16px; color: #333333;padding: 0;margin: 10px 0 ;}

.maintain{}
.maintain ul{color: #1674aa;list-style:none;padding: 0;margin: 0;}
.maintain ul li{padding: 0 0 0 20px;margin:2px 0;display: flex;flex-wrap: wrap;}
.maintain ul li .maintain-title{color: #1674aa;font-size: 20px;width: 100%;position: relative;margin: 10px 0 5px 0;}
.maintain ul li .maintain-title:before{content: "";background: #1674aa;width:6px; height:6px; position: absolute;top:14px;left:-14px;}
.maintain ul li .maintain-content{color: #333;font-size: 16px;flex: 1;}
.maintain ul li .maintain-content ol{list-style:none;padding: 0;margin: 0;}
.maintain ul li .maintain-content ol li{padding: 0 ;margin:2px 0;display: flex;flex-wrap: wrap;}
.maintain ul li .maintain-picture{width:240px;margin: 0 0 0 15px;}
.maintain ul li .maintain-picture img{width:100%;}

@media screen and (max-width:750px){
.pro-list ul li { width:calc(33.3333% - 10px); }
.pro-detaile-photo-box { width:calc(100% - 0px);margin: 0 auto 15px auto;text-align: center;}
.pro-detaile-spe-box { width: 100%; }
	.pro-detail-information{display: block;padding:10px 25px 40px 25px;}
	.pro-detail-information .pro-detail-right{margin:15px auto 0 auto;width: 250px;}
	.pro-detail-information02{padding:  20px;}
	.pro-detail-information02 .pro-detail-content{margin: 0;padding: 20px;background: rgba(255,255,255,.8);width: 100%;}
	.pro-detail-information03 ul li{display:block;}
	.pro-detail-information03 ul li .pro-detail-picture{margin: 0 auto;}
	.pro-detail-information03 ul li .pro-detail-title{padding:0;}
	.pro-detail-information04-ab .a-information{display:block;}
	.pro-detail-information04-ab .a-information .a-picture{max-width:300px; margin:10px auto 0 auto;}
	.pro-detail-information04-ab .b-information ul li{display:block;margin: 10px;}
	.pro-detail-information04-ab .b-information ul li .b-picture{max-width:250px; margin:10px auto 0 auto;}
	.pro-detail-information04-ab .b-information ul li .b-content{padding: 0;}
	.b-images ul li .b-img img{width: 100%;}
	.pro-detail-information05{display:block;}
	.pro-detail-information05 .pro-picture{max-width:300px; margin:10px auto 0 auto;}
	.pro-detail-information05 .pro-content02{padding: 10px 0;}
	.pro-detail-information05 .pro-picture img{width: 100%;}
	.maintain ul li{display: block;}
	.maintain ul li .maintain-picture{width:240px; margin:10px auto 0 auto;}
}
@media screen and (max-width:540px){
    .pro-content h2{border-radius: 5px; }
    .pro-content h2:after{display: none;}
    .pro-detail-information07 ul li .pro-icon{width: 80px;}
    .pro-detail-information08 ul li{width: calc(100%/2 - 20px);}
}
@media screen and (max-width:520px){
    .pro-list ul li { width:calc(50% - 10px); }
}
@media screen and (max-width:500px){
	.pro-detail-information04-ab .a-images ul li{margin:8px 0;width: calc(100% - 0px);}
	.pro-detail-information04-ab .a-images ul li .a-img{max-width:200px; margin:0 auto ;}
	.pro-detail-information06 ul li{padding:20px 10px;margin:0;display:block;}
	.pro-detail-information06 ul li .pro-content03{margin: 10px 0 0 0;}
	.pro-detail-information06 ul li .pro-picture02{margin: 0;}

}

/** 產品-水龍頭 **/
.faucet{}
.faucet ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap:wrap;}
.faucet ul li{padding:10px;margin:10px 5px;display: flex;align-items: center;width: calc(50% - 10px);}
.faucet ul li .faucet-images{width:180px;margin: 0 15px 0 0; }
.faucet ul li .faucet-information{flex: 1;}
.faucet ul li .faucet-information h4{font-size: 16px; background: #398ee6;color: #fff; padding:5px 10px;margin:5px 0 5px 0;font-weight:inherit;border-radius: 5px;}
.faucet ul li .faucet-information .faucet-content{font-size: 16px; color: #333;}
@media screen and (max-width:1000px){
.faucet ul li{margin:5px 0 15px 0;width: calc(100% - 0px);}
}

@media screen and (max-width:430px){
.faucet ul li{display:block;border: 1px #398ee6 solid;background: #fff;border-radius: 5px;}
.faucet ul li .faucet-images{width:180px;margin: 0 auto 10px auto; }
.faucet ul li .faucet-information{flex:inherit;width: 100%;}
}

/** 產品圖文排列 **/
.pro-description{}
.pro-description ul{padding: 0;margin: 20px 0;list-style: none;}
.pro-description ul li{padding: 0;margin:20px 0;display: flex;flex-wrap: wrap;}
.pro-description ul li .pro-description-images{width:100px;margin: 0 15px 0 0;}
.pro-description ul li .pro-description-images img{width:100%;}
.pro-description ul li .pro-description-images02{width:200px;margin: 0 15px 0 0;}
.pro-description ul li .pro-description-images02 img{width:100%;}
.pro-description ul li .pro-description-information{flex: 1;}
.pro-description ul li .pro-description-information h4{font-size: 16px; color: #082447;padding: 0;margin: 0 0 5px 0;font-weight: bold;}
.pro-description ul li .pro-description-information .pro-description-content{font-size: 15px; color: #333;}

/** 產品表格 **/
.pro-table{margin: 20px 0 0 0;}
.pro-table ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;}
.pro-table ul li{ padding:0;margin: 0;font-size: 16px; color: #333;border: 1px #f0b9b9 solid;border-left:0;}
.width01 ul li{width:calc(50% - 60px);min-width:calc(50% - 60px);}
.width02 ul li{width:calc(25% - 30px);min-width:calc(25% - 30px);}
.width03 ul li{width:calc(33.333% - 40px);min-width:calc(33.3333% - 40px);}
.height001{height: 41px;overflow: hidden;}
.height002{height: 66px;overflow: hidden;}
.height003{height: 91px;overflow: hidden;}
.height004{height: 116px;overflow: hidden;}
.height005{height: 230px;overflow: hidden;}
.pro-table ul li .pro-table-title-main{background: #e74747;color: #fff;padding: 8px 10px;border-bottom: 1px #f0b9b9 solid;text-align: center;display: flex;align-items: center;justify-content: center;}
.pro-table ul li .pro-table-information{display: flex;border-bottom: 1px #f0b9b9 solid;}
.pro-table ul li .pro-table-information:last-of-type{border-bottom: 0px;}
.pro-table ul li .pro-table-information .pro-table-title{width: 120px;padding: 8px 10px;background: #e74747;color: #fff;text-align: center;display: none;}
.pro-table ul li .pro-table-information .pro-table-content{flex: 1;padding:8px 10px;background: #fff;display: flex;align-items: center;}
.pro-table ul li:first-child .pro-table-information .pro-table-title{display:block;}
.pro-table ul li:first-child {flex: 1;width: auto;border-left: 1px #f0b9b9 solid;}
@media screen and (max-width:900px){
	.width02 ul li{width:calc(50% - 60px);min-width:calc(50% - 60px);margin: 5px 0;}
	.width02 ul li:nth-child(3){flex: 1; width:calc(50% - 0px);min-width:calc(50% - 0px);}
	.width02 ul li:nth-child(3) .pro-table-information .pro-table-title{display: flex;align-items: center;justify-content: center;}
}
@media screen and (max-width:600px){
.pro-description ul li .pro-description-images{width:80px;margin: 0 10px 0 0;}
.pro-table ul li{flex:inherit;width:100%;margin: 5px 0;}
.width01 ul li{width:100%;}
.width02 ul li{width:100%;}
.pro-table ul li .pro-table-information .pro-table-title{display: flex;align-items: center;justify-content: center;}
.pro-table ul li{border-left:1px #f0b9b9 solid;}
.height001, .height002, .height003, .height004, .height005{height:auto;}
}
.pro-table-star{text-align: center;margin: 10px 0;}
.pro-table-star span{padding: 0 15px;}

/*****  聯絡我們  *****/
.contact-information{margin: 10px 0;}
.contact-information ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;}
.contact-information ul li{padding: 0;margin: 5px;width: calc(25% - 10px); display: flex;flex-wrap: wrap;text-align: center;}
.contact-information ul li a{color: #333;}
.contact-information ul li a:hover{text-decoration: underline;}
.contact-information ul li .contact-icon{width: 60px; height: 60px;background: #0299e7; border-radius: 50%;box-shadow: 0 0 0 5px #0299e7 ;border: 2px #fff solid;display: flex;align-items: center;justify-content: center;margin: 0 auto 15px auto;}
.contact-information ul li .contact-icon>i{font-size:30px; color: #fff;padding: 0;}
.contact-information ul li .contact-title{width: 100%; font-size: 16px; color: #333;}
.contact-content{background:#f7faff; border: 2px #0299e7 dashed;box-shadow: 4px 4px 0 0 #0299e7;padding: 10px;text-align: center;margin: 15px 4px 20px 0;}
.contact-body { }
.contact-note {background: #e53131; padding:2px 8px 2px 0;border-radius: 5px; font-size:14px; color:#fff;margin: 10px 0;display: table;}
.contact-left { }
.contact-left img { width:100%; height:auto; margin-top:0px; }
.cart-btn { display: flex;justify-content: flex-end;margin: 20px 0 0 0;}

.btn-send { font-size:13px;} 
a.btn-send { background: #e51717; padding: 5px 20px; text-align:center; font-size:15px; color:#fff; margin:0 0 0 10px;border: 1px #fff solid;box-shadow: 0 0 0 2px #e51717;}
a.btn-send:hover { background: #ff1313;box-shadow: 0 0 0 2px #ff1313;}
a.btn-reset { background:#888888;  padding: 5px 20px; text-align:center; font-size:15px; color:#fff; margin:0 0 0 10px;border: 1px #fff solid;box-shadow: 0 0 0 2px #888888;}
a.btn-reset:hover { background:#666666;box-shadow: 0 0 0 2px #666666;}

a.btn-send-over { background: #9c9c9b; padding: 5px 20px; text-align:center; font-size:15px; color:#fff; width:100px; margin:2px; }
a.btn-send-over:hover { background: #b9b9b9;}

.map {display: block;position: relative;height: 0;overflow: hidden;padding: 0; padding-bottom:25%;}
.map iframe {position: absolute;height: 100%;width: 100%;left: 0;top: 0;}
.star{color: #e53131;font-size: 16px;padding:0 8px; margin: 0;}
.star02{color: #fff;font-size: 16px;padding:0 8px; margin: 0;}
@media screen and (max-width:800px){
.map {padding-bottom:50%;}
}
@media screen and (max-width:750px){
.contact-information ul li{width: calc(50% - 10px);margin: 10px 5px;}
}
@media screen and (max-width:500px){
.contact-note {margin: 10px 0 5px 0;}
}
@media screen and (max-width:400px){
.contact-information ul li{margin:10px 0;width: calc(100% - 0px);}
}

/*****  最新消息  *****/
.news {}
.news ul { margin:0; padding:0; list-style:none;display: flex;flex-wrap: wrap;}
.news ul li {padding:0px;margin:5px;width: calc(50% - 10px);}
.news ul li .news-information{padding: 0 0 0 15px;flex: 1;}
.news ul li .date {font-size: 14px; color: #0e5baa;text-align: center;text-transform: uppercase;width:100%;display: flex;flex-wrap: wrap; align-items: flex-end;justify-content:flex-start;margin:0 0 5px 0;font-family: 'Exo 2', sans-serif;}
.news ul li .date .day {font-size: 30px;background: #69b3ff;margin: 0 12px 0 0; padding:0;color: #fff;line-height: 1.2;display: flex;align-items: center;justify-content: center;width: 50px;height: 40px;position: relative;}
.news ul li .date .day:after{content: "";display: block;width: 6px; height: 6px;background: #0e5baa; border: 3px #69b3ff solid;border-radius: 50%; position: absolute;right: -5px;top: calc(50% - 5px);}
.news ul li .news-lis-cont { font-size: 16px; color: #333; flex: 1;display: flex;align-items:flex-start;height: 50px; overflow: hidden;}
.news ul li a{ color:#333;display: flex;flex-wrap: wrap;border: 1px #69b3ff solid;padding: 10px;background: #fff;align-items: center;}
.news ul li a:hover{ color:#666;border: 1px #0e5baa solid;background: #f7fbff;}

.news-time{background: #69b3ff;font-size: 14px; color: #fff;text-transform: uppercase;padding: 2px 15px; display: table;margin: 0 0 15px 0;}
@media screen and (max-width:850px){
	.news ul li {margin:5px 0;width: calc(100% - 0px);}
}


/*****  內頁架構  *****/
.content-body-main {padding: 15px 10px 50px 10px;background: rgba(255,255,255,.9);}
.content-body {max-width: 1200px; margin:0 auto;padding:0px;}
.page-title { background:url(../images/page-title.png) left top no-repeat;background-size: 30px; font-size:18px; color:#1a5189; padding:12px 0px 5px 40px; margin:10px 0 30px 0; border-bottom:1px #dbe3ea solid;position: relative; }
.page-title:after {content: "";display: block;width: 41px; height: 54px; background:url(../images/page-title-bottom.png) left top no-repeat;background-size: 30px; position: absolute;bottom: -55px;left: 0;}
.page-main { padding: 0; font-size: 16px; color:#333;word-break: break-all;}

.left-menu-title { background:#1c84ea url(../images/footer_bg.png)no-repeat right 50% center;background-size: cover; text-align:center; font-size:20px; color: #fff; padding:8px 0; border-radius:30px 0 0 0px;}
.in-left-menu {  }
.in-left-menu>ul { margin:0; padding:10px; list-style:none;border: 1px #1c84ea solid;border-radius:0 0 20px 0px;background: #fff; }
.in-left-menu>ul>li  {font-size:16px; color:#333; padding:0;margin:5px 0;}
.in-left-menu>ul>li>a {display: block; color:#333;padding: 8px 10px 8px 0;background: #ecf3fa;}
.in-left-menu>ul>li>a:before {content: "";display:inline-block;width: 10px;height: 6px;background: #1c84ea ;margin:0 5px 3px 0;transition: all 0.8s ease 0s;}
.in-left-menu>ul>li>a:hover {border-left:0px #1259a1 solid;background: #ddeeff;color: #333;position: relative;}
.in-left-menu>ul>li>a:hover:before {content: "";display:inline-block;width:30px;height:6px;background: #1259a1;transition: all 0.8s ease 0s;}
.in-left-menu>ul>li .current{background: #ddeeff;color: #333;}
.in-left-menu>ul>li .current:before {content: "";display:inline-block;width:30px;height:6px;background: #1259a1;}
.in-left-menu>ul>li ul { margin:0px; padding:10px; list-style:none;background: #ecf3fa;display: none;} 
.in-left-menu>ul>li ul li { border-bottom:1px #1c84ea solid; padding:0;}
.in-left-menu>ul>li ul li a { font-size:15px; color:#333; display:block;padding: 8px 10px 8px 20px;position: relative;}
.in-left-menu>ul>li ul li a:before {content: "";display: block;position: absolute;left: 5px;top:16px;width: 0;
height: 0;
border-style: solid;
border-width: 5px 0 5px 5px;
border-color: transparent transparent transparent #1c84ea;
}
.in-left-menu>ul>li ul li a:hover {background:#1c84ea;color: #fff;}
.in-left-menu>ul>li ul li a:hover:before {content: "";display: block;position: absolute;left: 5px;top:16px;width: 0;
height: 0;
border-style: solid;
border-width: 5px 0 5px 5px;
border-color: transparent transparent transparent #fff;
}
.in-left-menu>ul>li ul li .current {background:#1c84ea;color: #fff;}
.in-left-menu>ul>li ul li .current:before {content: "";display: block;background: none; position: absolute;left: 5px;top:16px;width: 0;
height: 0;
border-style: solid;
border-width: 5px 0 5px 5px;
border-color: transparent transparent transparent #fff;
}
.m_classLink{display:none;}

@media screen and (max-width:640px){
	.left-menu-title{display: none;}
.classBox{padding:0 0 20px 0;}
ul.classLink{display:none;}
.m_classLink{display:block; position:relative; background-color:#fff; border:1px solid #1259a1;}
.m_classLink a.main{display:block; background:none; font-size:15px; font-family:"微軟正黑體", "新細明體", sans-serif; color:#333; position:relative; padding:8px;}
.m_classLink a.main i{display:block; font-size:15px; background:#1259a1; width:45px; height:100%; text-align:center; color:#FFF; line-height:40px; position:absolute; right:0; top:0;}
.m_classLink ul{display:none; margin:0; padding:0; list-style:none; width:100%; background:#FFF; border:1px solid #1259a1; position:absolute; left:0; top:100%; z-index:999; box-sizing:border-box;}
.m_classLink ul li{margin:0; padding:0;}
.m_classLink ul li a{display:block; padding:8px; border-top:1px solid #1259a1; font-family:"微軟正黑體", "新細明體", sans-serif; font-size:15px; color:#222;}
.m_classLink ul li:first-child a{border:none;}
.m_classLink ul li a:hover{background:#ecf3fa;}
.m_classLink ul li ul{display:block; margin:0; padding:0; list-style:none;width: calc(100% - 0px);background:#ecf3fa; border:0; position:inherit; left:inherit; top:inherit; z-index:999; box-sizing:border-box;}
.m_classLink ul li ul li{border-bottom:1px dashed #1259a1;}
.m_classLink ul li ul li:last-of-type{border-bottom:0;}
.m_classLink ul li ul li a{ border-top:0;padding: 8px 15px;}
.m_classLink ul li ul li a:hover{background:#1c84ea;color: #fff;}
}

/*****  內頁BANNER  *****/
.inside-banner {padding:15px 10px; }
.inside-banner .banner-title {max-width: 1300px; display:block;margin: 0 auto;font-size:140px; color:#e1e8f0; padding:0px;font-family: 'Yesteryear', cursive;position: relative;line-height: 1;}
.inside-banner .banner-title .bannrt-title-ch { position: absolute;bottom:12px;left:50px;font-family: "微軟正黑體";font-size: 30px;color:#051f3b;font-weight: bold;}
.inside-banner .banner-title:before{content: "";display:block;width: 10px;height: 10px;background: #051f3b;border-radius: 50%; position: absolute;left:488px; top:80px;z-index:1;}
.inside-banner .banner-title:after{content: "";display:block;width: calc(100% - 490px);height:3px ;background: #051f3b;position: absolute;right: 0; top:60%;z-index: 0;}
@media screen and (max-width:1300px){
.inside-banner .banner-title {max-width: 1200px; }
.inside-banner .banner-title .bannrt-title-ch {left:0px;}
}
@media screen and (max-width:640px){
.inside-banner {padding:49.38px 10px 10px 10px; }
.inside-banner .banner-title {font-size:86px;line-height: 1.1;}
.inside-banner .banner-title .bannrt-title-ch {bottom:0;text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff;}
.inside-banner .banner-title:before{left:308px; top:53px;}
.inside-banner .banner-title:after{width: calc(100% - 310px);}
}
@media screen and (max-width:420px){
.inside-banner .banner-title {text-align: center;}
.inside-banner .banner-title .bannrt-title-ch {text-align: center;position: inherit;bottom: inherit;left: inherit;margin: -35px 0 0 0;}
.inside-banner .banner-title:before{display: none;}
.inside-banner .banner-title:after{display: none;}
}
/*****  首頁產品  *****/
.i-pro-main { background: url(../images/i-pro_bg.png)no-repeat center center fixed;background-size: cover;padding:25px 10px 0 10px;}
.i-pro-main:before {content: "";display: block; width: 100%; height: 20px;background: url(../images/pro-top-shadow.png)no-repeat top center;background-size: contain;margin: -25px auto 25px auto;}
.i-pro { max-width: 1200px; margin: 0 auto;}
.i-pro h3 {display: table;font-size: 36px; color: #3e3e3e;text-transform: uppercase;font-family: 'Exo 2', sans-serif;font-weight: normal;padding:20px 64px;margin:0 auto;text-align: center;background: url(../images/i-title-icon.png)no-repeat top left;line-height: 1.2;}
.i-pro h3 .i-news-title-ch {color: #0e5baa; font-size: 22px;font-family: "微軟正黑體";line-height: 1.2; }
.i-pro ul {  margin:0; padding:10px 0 20px 0; list-style:none;display: flex;flex-wrap: wrap;}
.i-pro ul li {width: calc(25% - 14px); padding:0;margin:7px; text-align:center;}
.i-pro ul li h4 { font-size:16px; color:#252525; font-weight:normal; padding:0px 4px; margin:10px 0 15px 0;height: 25px; overflow:hidden; }
.i-pro-photo { background:#fff; width:100%; position: relative;}
.i-pro-photo a { display: flex; height: 100%; vertical-align: middle; text-align:center;align-items: center;justify-content: center;border: 1px #5e6d7c solid;box-shadow: 3px 3px 0 0 #5e6d7c;overflow: hidden;}
.i-pro-photo a:hover {border: 1px #2c5279 solid;box-shadow: 3px 3px 0 0 #2c5279;}
.i-pro-photo img.index-pro-img { width: auto; height: auto; flex-shrink:0;transition: all 1s ease 0s;}
.i-pro-photo a:hover img.index-pro-img {transform:scale(1.1);transition: all 1s ease 0s;}


/** 首頁最新消息 **/
.i-news-main {background:#fff url(../images/i-news_bg.png)no-repeat right bottom;padding: 35px 10px 0 10px;}
.i-news {max-width: 1200px; margin: 0 auto;}
.i-news h3 {display: table;font-size: 36px; color: #3e3e3e;text-transform: uppercase;font-family: 'Exo 2', sans-serif;font-weight: normal;padding:20px 64px;margin:0 auto;text-align: center;background: url(../images/i-title-icon.png)no-repeat top left;line-height: 1.2;}
.i-news h3 .i-news-title-ch {color: #0e5baa; font-size: 22px;font-family: "微軟正黑體";line-height: 1.2; }
.i-news ul { list-style: none;  padding:10px 0 35px 0; margin:0;display: flex;flex-wrap: wrap; }
.i-news ul li {font-size: 16px; color: #242424; padding:0px; margin:5px;width: calc(33.3333% - 10px); }
.i-news ul li .i-news-information{padding: 0 0 0 15px;flex: 1;}
.i-news ul li .i-news-date {font-size: 14px; color: #0e5baa;text-align: center;text-transform: uppercase;width:100%;display: flex;flex-wrap: wrap; align-items: flex-end;justify-content:flex-start;margin:0 0 5px 0;font-family: 'Exo 2', sans-serif;}
.i-news ul li .i-news-date .i-news-day {font-size: 30px;background: #69b3ff;margin: 0 5px 0 0; padding:0;color: #fff;line-height: 1.2;display: flex;align-items: center;justify-content: center;width: 50px;height: 40px;}
.i-news ul li .i-nes-title{font-size: 16px; color: #242424;flex: 1;height: 50px;overflow: hidden; }
.i-news ul li a {display: flex;align-items: center; border: 1px #bbbbbb solid;padding: 10px;background: #fff;}
.i-news ul li:after{content: "";display: block;width: 100%; height: 14px;background: url(../images/news-shadow.png)no-repeat top left; background-size: contain;}
.i-news ul li a:hover {border: 1px #0e5baa solid;background: #f6faff; }
.i-news-photo { background:none; width:100px;min-width: 100px; position: relative; display: flex; height: 100%; align-items: center;justify-content: center;}
.i-news-photo img.index-pro-img { width: auto; height: auto; flex-shrink:0;transition: all 1s ease 0s;}

.i-more{color: #fff; font-size: 14px;text-transform: uppercase;display: table;margin: 0 auto;}
.i-more a{background: #0e5baa;border-radius: 5px 5px 0 0;padding:3px 12px;color: #fff; }
.i-more a:hover{background: #e60012;}
@media screen and (max-width:850px){
.i-news ul li {width: calc(100% - 0px);margin:2px 0;}
}
@media screen and (max-width:750px){
.i-pro ul li {width: calc(50% - 14px);}
.i-news ul li {width: calc(100% - 0px);margin:2px 0;}
}
@media screen and (max-width:430px){
.i-pro h3 {font-size: 30px;padding:10px 30px;background: url(../images/i-title-icon.png)no-repeat top left;background-size:80px;}
.i-pro ul {  margin:0; padding:10px 0 5px 0;}
.i-news h3 {font-size: 30px;padding:10px 30px;background: url(../images/i-title-icon.png)no-repeat top left;background-size:80px;}
.i-news ul {padding:10px 0 15px 0; }
}
@media screen and (max-width:450px){
.i-pro ul li {width: calc(50% - 10px);margin: 5px;}
.i-pro ul li h4 {height: 50px;}
}
/***  版面欄位  ***/
.main { padding-top:0px;}
.col-100 {float:left; width:100%;}
.col-010 { width:9%; margin-right:1%; float:left;}
.col-015 { width:14%; margin-right:1%; float:left;}
.col-020 { width:19%; margin-right:1%; float:left;}
.col-025 { width:24%; margin-right:1%; float:left;}
.col-030 { width:29%; margin-right:1%; float:left;}
.col-040 { width:39%; margin-right:1%; float:left;}
.col-045 { width:44%; margin-right:1%; float:left;}
.col-050 { width:49%; margin-right:1%; float:left;}
.col-055 { width:54%; margin-right:1%; float:left;}
.col-060 { width:59%; margin-right:1%; float:left;}
.col-065 { width:64%; margin-right:1%; float:left;}
.col-070 { width:69%; margin-right:1%; float:left;}
.col-075 { width:74%; margin-right:1%; float:left;}
.col-080 { width:79%; margin-right:1%; float:left;}
.col-085 { width:84%; margin-right:1%; float:left;}

.cor-010 { width:10%; float:left;}
.cor-015 { width:15%; float:left;}
.cor-020 { width:20%; float:left;}
.cor-025 { width:25%; float:left;}
.cor-030 { width:30%; float:left;}
.cor-035 { width:35%; float:left;}
.cor-040 { width:40%; float:left;}
.cor-045 { width:45%; float:left;}
.cor-050 { width:50%; float:left;}
.cor-055 { width:55%; float:left;}
.cor-060 { width:60%; float:left;}
.cor-065 { width:55%; float:left;}
.cor-070 { width:70%; float:left;}
.cor-075 { width:75%; float:left;}
@media screen and (max-width:750px){
.col-p-100 {width:100%;}
.col-p-015 { width:13%; margin-right:2%; float:left;}
.col-p-020 { width:18%; margin-right:2%; float:left;}
.col-p-025 { width:23%; margin-right:2%; float:left;}
.col-p-030 { width:28%; margin-right:2%; float:left;}
.col-p-040 { width:38%; margin-right:2%; float:left;}
.col-p-045 { width:43%; margin-right:2%; float:left;}
.col-p-050 { width:48%; margin-right:2%; float:left;}
.col-p-055 { width:53%; margin-right:2%; float:left;}
.col-p-060 { width:58%; margin-right:2%; float:left;}
.col-p-065 { width:63%; margin-right:2%; float:left;}
.col-p-070 { width:68%; margin-right:2%; float:left;}
.col-p-075 { width:73%; margin-right:2%; float:left;}
.col-p-080 { width:78%; margin-right:2%; float:left;}
.col-p-085 { width:83%; margin-right:2%; float:left;}

.cor-p-015 { width:15%; float:left;}
.cor-p-020 { width:20%; float:left;}
.cor-p-025 { width:25%; float:left;}
.cor-p-030 { width:30%; float:left;}
.cor-p-035 { width:35%; float:left;}
.cor-p-040 { width:40%; float:left;}
.cor-p-045 { width:45%; float:left;}
.cor-p-050 { width:50%; float:left;}
.cor-p-055 { width:55%; float:left;}
.cor-p-060 { width:60%; float:left;}
.cor-p-065 { width:55%; float:left;}
.cor-p-070 { width:70%; float:left;}
.cor-p-075 { width:75%; float:left;}
}
@media screen and (max-width:640px){
.col-m  { width:100%; margin-right:0%; float:none;}
.col-100 {}
.col-015, .col-020, .col-025, .col-030, .col-035, .col-040, .col-045, .col-050, .col-055, .col-060, .col-065, .col-070, .col-075, .col-080,.col-085 { width:100%; margin-right:0%;}
.cor-015, .cor-020, .cor-025, .cor-030, .cor-035, .cor-040, .cor-045, .cor-050, .cor-055, .cor-060, .cor-065, .cor-070, .cor-075, .cor-080,.cor-085 { width:100%;}
}


/***  表單欄位  ***/
.form-box { min-width: 280px; }
.form-box input, .form-box img { vertical-align:middle;}
.form-style01 { font-size:14px; font-family:"微軟正黑體"; color:#4E4E4E; padding:5px 0 10px 0; line-height:20px; width:100%;}

.opinion { display: flex;flex-wrap: wrap;border-bottom: 1px #48739e dashed;align-items: center;position: relative;}
.opinion-left01 { background: none;width: 150px; min-width: 150px; padding:15px ; font-size:16px; font-family:"微軟正黑體"; color:#333; line-height:1.8;}
.input-main-style02 { background:#eff4f9;flex: 1; border:1px #eff4f9 solid; border-left:5px #043668 solid; margin:10px 0; padding:10px 65px 10px 15px; font-size:16px; font-family:"微軟正黑體"; color:#4E4E4E; line-height:1.8;width: 100%;min-height: 50px;}
.input-main-style03 {  background:#eff4f9;flex: 1; border:1px #eff4f9 solid; border-left:5px #043668 solid; margin:10px 0; padding:10px 165px 10px 15px; font-size:16px; font-family:"微軟正黑體"; color:#4E4E4E; line-height:1.8;width: 100%;min-height: 50px;}
.input-style01 { background:#eff4f9; border:1px #eff4f9 solid; border-left:5px #043668 solid; margin:10px 0; padding:10px 65px 10px 15px; line-height:1.8; font-size:16px; font-family:"微軟正黑體"; color:#4E4E4E; flex: 1;width: 100%;min-height:162px; }
img.code { width:100px; height:50px; margin:0; vertical-align:middle;position: absolute;top:10px;right:50px;}

.input-main-style02 + label{position: absolute;top:10px;right: 0;background: #597897;color: #fff; font-size:26px; width: 50px; height: 50px;display: flex;align-items: center;justify-content: center;}
.input-main-style03 + label{position: absolute;top:10px;right: 0;background: #597897;color: #fff; font-size:26px; width: 50px; height: 50px;display: flex;align-items: center;justify-content: center;}
.input-style01 + label{position: absolute;top:10px;right: 0;background: #597897;color: #fff; font-size:26px; width: 50px; height:162px;display: flex;align-items: center;justify-content: center;}
.input-main-style02:focus + label{background: #177adb;}
.input-main-style03:focus + label{background: #177adb;}
.input-style01:focus + label{background: #177adb;}
.input-main-style02:focus, .input-main-style03:focus, .input-style01:focus{outline: 0;border:1px #043668 solid;border-left:5px #043668 solid;}
@media screen and (max-width:460px){
.opinion {padding:8px 5px;}
.opinion-left01 {width: 100%; min-width:inherit;padding: 5px 15px;}
.input-main-style02{margin:0;}
.input-main-style03{margin:0;}
.input-style01{margin:0;}
.input-main-style02 + label{top:inherit;bottom:8px;right: 5px;}
.input-main-style03 + label{top:inherit;bottom:8px;right: 5px;}
.input-style01 + label{top:inherit;bottom:8px;right: 5px;}
	img.code {top:inherit;bottom:8px;right: 55px;}

}
/* 頁次 */	
.page{ font-size:13px;font-family: "微軟正黑體"; color:#333; text-align: center; clear:both; margin-top:20px;background:rgba(223,231,240,.8);padding:6px 10px;line-height:2.6; }
  .page a { background: #0e3358; color:#fff; padding:4px 15px; }
  .page a:hover { background: #194a7c; color: #fff;}
  .page br { display:none;}
@media screen and (max-width:640px){
	.page br { display: block;}
}
/******  底部資訊  ******/
footer {}
footer:before {content: "";display: block;width: 100%; height: 20px;background: url(../images/footer-bottom-shadow.png)no-repeat bottom center;background-size: contain;margin: -20px 0 0 0;}
footer .footer-main {background: #0e5baa url(../images/footer_bg.png)no-repeat right bottom;background-size:auto; padding: 0;}
footer .footer-main .footer { max-width:1200px; margin:0 auto;display: flex;}
footer .footer-main .footer .f-logo{width: 300px;min-width: 300px; padding: 12px;background: #cde3f9;display: flex;align-items: center;justify-content: center;}
footer .footer-main .footer .f-logo img{width: 100%;}
footer .footer-main .footer .f-information{margin: 0 0 0 15px;display: flex;flex-wrap: wrap; align-content: center;padding: 10px 0;}
footer .footer-main .footer .f-information .f-content{width: 100%;font-size: 14px; color: #fff;display: flex;flex-wrap: wrap; align-items: center;padding:4px 110px 4px 0;position: relative;}
footer .footer-main .footer .f-information .f-content span{padding:5px 20px 5px 0;display: flex;align-items:flex-start;}
.fa-map-marker{font-size:22px;padding: 0 10px 0 0 ;}
.fa-phone{font-size:20px;padding: 0 10px 0 0 ;}
.fa-fax{font-size:18px;padding: 0 10px 0 0 ;}
footer .footer-main .footer .f-information .copyright{width: 100%; font-family: 'Exo 2', sans-serif;font-size: 12px; color: #fff;position: relative;padding:4px 0;text-transform: uppercase;}
footer .footer-main .footer .f-information .copyright .wd{ font-size: 12px; color: #69a4e0;position: absolute;bottom:4px;right: 0;text-transform: uppercase;}
footer .footer-main .footer .f-information .copyright .wd a{ color: #69a4e0;}
footer .footer-main .footer .f-information .copyright .wd a:hover{ color: #bddcfd;}
.fb{position: absolute;top:5px;right: 0;width: 100px;}
.fb img{width: 100%;border: 2px #fff solid;border-radius: 5px;overflow: hidden;box-shadow: 0 0 8px 0 rgba(0,0,0,.2);}

@media screen and (max-width:820px){
	.fb{right:5px;}
	footer .footer-main .footer .f-information .copyright .wd{position: inherit;bottom: inherit;right: inherit; display: block}
}
@media screen and (max-width:750px){
footer .footer-main .footer { display: block;}
footer .footer-main .footer .f-logo{ min-width:inherit;width:100%;margin: 0 auto;padding: 10px 20px;}
footer .footer-main .footer .f-logo img{width: 100%;max-width: 300px;}
footer .footer-main .footer .f-information{width: 100%;text-align: center;margin: 0;padding: 5px 10px;}
footer .footer-main .footer .f-information .f-content{justify-content: center;padding: 0;}
footer .footer-main .footer .f-information .f-content span{padding:5px 10px;}
footer .footer-main .footer .f-information .copyright{padding: 0;}
	.fb{position:inherit;top:inherit;right:inherit;display: block;width: 100%;margin:3px 0 5px 0;}
	.fb img{width: 90px;}
}