@charset "utf-8";
:root {
  --main-color:#2c9ad8;
	--sub-color:#f2551f;
	--main-hover-color:#1175ad;
	--main-bg-color:#e4eeef;
}

*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
html{width:100%; height:100%;}
body{background:#e7e7e7 url("../images/bg.jpg"); margin:0; padding:0; width:100%; height:100%; font-family:"微軟正黑體";}
.skin{max-width:1300px; margin:0 auto; background-color:rgba(255,255,255,.6); box-shadow:0 0 5px 3px #a7d5e0;}
.wrapper{max-width:1200px; margin:0 auto;}
a, a:hover{text-decoration:none;}
img{border:0; vertical-align:middle; width:auto; height:auto; max-width:100%; max-height:100%;}
input{vertical-align:middle;}
input.select-box{border:1px solid #cbcbcb; padding:5px 3%; width:20px; height:20px; text-align:center; margin-bottom:5px;}
.btn-primary{background-color:#258dc8; border:none;}
.btn-primary:hover{background-color:#1175ad; color:#fff;}
/* 表單預設文字顏色設定 */
/* 通用 */
::-webkit-input-placeholder{color:#999;}
::-moz-placeholder{color:#999;}
:-ms-input-placeholder{color:#999;}
input:-moz-placeholder{color:#999;}
/* webkit專用 */
#field2::-webkit-input-placeholder{color:#999;}
#field3::-webkit-input-placeholder{color:#999; background:lightgreen; text-transform:uppercase;}
#field4::-webkit-input-placeholder{font-style:italic; text-decoration:overline; letter-spacing:3px; color:#999;}
/* mozilla專用 */
#field2::-moz-placeholder{color:#999;}
#field3::-moz-placeholder{color:#999; background:lightgreen; text-transform:uppercase;}
#field4::-moz-placeholder{font-style:italic; text-decoration:overline; letter-spacing:3px; color:#999;}
.alert-primary{background-color:#e4eeef; border:1px solid #2c9ad8;}

/* 自訂表格 */
table.table-bordered{border:3px solid #beced8;}
table.table-bordered *{font-size:15px;}
table.table-bordered th{padding:.25rem .5rem; width:auto; font-weight:bold; color:#2c9ad8; word-break:keep-all; white-space:nowrap;}
table.table-bordered td{padding:.25rem .5rem; width:100%;}

/* 上版 */
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link{font-weight:bold; color:#1780bb;}
.navbar-light .navbar-nav .nav-link {font-size:20px; text-align:center;}
.navbar-light .navbar-nav .nav-link:hover{color:#f2551f;}
@media (min-width:992px) {
	.navbar-light .navbar-brand img{max-height:40px;}
	.navbar-light .navbar-nav li{position:relative; overflow:hidden;}
	.navbar-light .navbar-nav li:before{content:""; position:absolute; top:-48px; display:block; background-color:#ceeff8; width:calc(100% - 5px); height:100%; border-radius:5px; -webkit-transition:all .15s ease-in-out; transition:all .15s ease-in-out;}
	.navbar-light .navbar-nav li:hover:before{content:""; position:absolute; top:0; display:block; background-color:#ceeff8; width:calc(100% - 5px); height:100%; border-radius:5px;}
	.navbar-expand-lg .navbar-nav .nav-link{position:relative; padding:.5rem 1rem; font-weight:bold; font-size:15px; line-height:1.2; color:#224b7f; -webkit-transition:all .15s ease-in-out; transition:all .15s ease-in-out;}
	.navbar-expand-lg .navbar-nav .nav-link small{display:block; font-weight:bold; font-size:12px; color:#9c9c9c; text-align:center;}
	.navbar-expand-lg .navbar-nav .nav-link:before{content:""; -webkit-transition:all .15s ease-in-out; transition:all .15s ease-in-out;}
	.navbar-expand-lg .navbar-nav .nav-link:after{content:""; position:absolute; left:0; top:15px; width:0; height:0; border-style:solid; border-width:3.5px 0 3.5px 4px; border-color:transparent transparent transparent #2b79c3; -webkit-transition:all .15s ease-in-out; transition:all .15s ease-in-out;}
	.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{font-weight:bold; color:#224b7f;}
	.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{color:#5492e2;}
	.navbar-light .navbar-nav .nav-link:hover:after{left:5px;}
	.navbar-light .navbar-nav .nav-link:focus small, .navbar-light .navbar-nav .nav-link:hover small{color:#666;}
}

/* 分類清單 */
aside>h3{position:relative; margin-bottom:0; padding:8px 10px 5px 35px; font-weight:bold; font-size:18px; line-height:1.5; color:#fff; border-radius:10px 10px 0 0; border-bottom:4px solid #f2551f; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#258dc8+0,258dc8+100;Blue+Flat+%231 */
background: #258dc8; /* Old browsers */
background: -moz-linear-gradient(top, #258dc8 0%, #258dc8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #258dc8 0%,#258dc8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #258dc8 0%,#258dc8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#258dc8', endColorstr='#258dc8',GradientType=0 ); /* IE6-9 */}
aside>h3 small{position:absolute; right:10px; bottom:0; font-weight:normal; font-size:24px; line-height:1; color:rgba(255,255,255,.4);}
aside>h3:before{content:""; position:absolute; left:10px; top:10px; display:inline-block; margin-right:5px; width:20px; height:20px; border:1px solid #fff; box-shadow:0 0 2px 0 #fff; border-radius:100%;
background: #bfd255; /* Old browsers */
background: -moz-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 ); /* IE6-9 */}


/* 首頁 */
.index_marquee{margin-bottom:20px; padding:5px 50px; width:100%; height:40px; font-size:18px; color:#f2551f;  border-radius:20px; border:2px solid #4c8ebb; border-left:40px solid #4c8ebb; border-right:40px solid #4c8ebb; box-shadow:0 0 8px 1px #4c8ebb inset;}

/* 產品專區 */
.card{background-color:transparent; margin-bottom:0; border:0;}
.card-title{padding:0 10px; font-size:18px; color:#f2551f; text-align:center;}
.card-img{background-color:#fff; text-align:center; border-radius:10px; background-position: center center; background-repeat:no-repeat; background-size:contain; border:30px solid #fff; box-shadow:0 0 1px #6dafe3;}
.card-img img{margin:0 auto; width:auto; height:auto; max-width:100%; max-height:100%; border-radius:5px; -webkit-transition:all .15s ease-in-out; transition:all .15s ease-in-out;}
.card-body{padding:0 10px; text-align:center;}
.card-body .card-text, .card-body .card-text p{text-align:left; font-size:15px; line-height:1.6;}
.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 ul{max-width:1000px; margin:0 auto; padding:0; list-style:none;}
.pro-list ul li{width:25%; padding:1%; text-align:center; float:left;}
.pro-list ul li:hover{background:#f8f6f6;}
.pro-list ul li h4{font-size:15px; color:#504f4d; line-height:1.5em; font-weight:normal; padding:5px 0 5px 0; margin:0;}
.pro-photo{background:#f7f7f7; width:100%; position:relative;}
.pro-photo a{display:flex; height:100%; vertical-align:middle; text-align:center; align-items:center; justify-content:center;}
.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{padding-left:30px; padding-right:20px;}
h3.pro-detaile-title{font-size:22px; color:#f2551f; line-height:30px; padding:5px 0 10px; margin:0 0 10px 0; font-weight:normal;}
.pro-detaile-box{display:flex; color:#333;}
.pro-detaile-box>div{-webkit-flex:1; flex:1;}
.pro-detaile-photo-box{width:50%;}
.pro-detaile-spe-box{width:50%; position:relative; font-size:15px;}
.pro-detaile .pro-photo-box{width:100%; margin:0 0 10px 0; padding:0 40px 0 0;}
.pro-detaile .pro-photo-box img{width:100%; height:auto;}
.pro-specification{font-size:13px; line-height:1.8em; color:#333; position:relative; margin-bottom:10px;}
.pro-content{padding:0px 0; font-size:15px; line-height:1.6; color:#666; clear:both;}
.pro-content p.spec{margin:0; padding:0; font-size:12px; line-height:1.5em; color:#333;}
.pro-list-date{background:url(../images/time.png) left center no-repeat; font-size:12px; color:#968c69; padding-left:20px;}
h3.pro-introduce{font-weight:bold; border-bottom:1px solid #ccc; padding:8px 0; font-size:18px; color:#333;}
.pro-qr-code img{width:100px; height:auto;}

/* 產明細圖片特效樣式 */
.slider-wrap{width:100%;}
.stripViewer .panelContainer{width:400% !important;}
.stripViewer .panelContainer .panel ul{text-align:left; margin:0 15px 0 30px; width:100%;}
.stripViewer{position:relative; overflow:hidden; width:100%; height:auto;}
.stripViewer .panelContainer{position:relative; left:0; top:0; width:400%;}
.stripViewer .panelContainer .wrapper{width:100%; display:flex; height:400px; vertical-align:middle; text-align:center; align-items:center; justify-content:center;}
.stripViewer .panelContainer img{width:auto; height:auto; max-width:100%; max-height:100%;}
.stripViewer .panelContainer .panel{float:left; position:relative;}
.stripNavL, .stripNavR, .stripNav{display:none; width:100%;}
.slider-wrap a{height:auto;}
.nav-thumb{margin-right:0;}
#movers-row{margin:5px 0 0 0; width:101%;}
#movers-row div{width:25%; float:left; padding-right:1%;}
#movers-row div a.cross-link{float:right; display:flex; width:100%; height:120px; vertical-align:middle; text-align:center; align-items:center; justify-content:center; border:1px #C0C0C0 solid;}
#movers-row div a.cross-link img{width:auto; height:auto; max-width:100%; max-height:100%;}
.photo-meta-data{background:url(/html/ezcatfiles/myweb62/img/img/60175/transpBlack.png); padding:10px; height:30px; margin-top:-50px; position:relative; z-index:9999; color:white;}
.photo-meta-data span{font-size:13px;}
.cross-link{display:block; margin-top:0px; position:relative; padding-top:0px;}
.active-thumb{background:transparent url(/html/ezcatfiles/myweb62/img/img/60175/icon-uparrowsmallwhite.png) top center no-repeat;}
.panel{width:25%;}

/* 主要客戶群 */
.customer .col-auto{min-width:12em; line-height:30px; background-color:#fff; margin:3px; border-radius:5px;}
.customer h1{display:inline-flex; align-items:center; background-color:#2c9ad8; margin-bottom:0; padding:5px 10px; font-size:16px; line-height:20px; color:#fff; border-radius:8px 8px 0 0;}
.customer h1 i{display:block; float:right; background-color:rgba(255,255,255,.7); margin-left:5px; padding-left:2px; color:#a2a2a2; width:13px; height:13px; font-size:12px; line-height:14px; text-align:center; border-radius:3px;}
.customer h1+.row{border:1px solid #2c9ad8; margin:0; padding:20px 10px; background-color:#e4eeef; border-radius:0 20px 20px 20px;}
	
/* 聯絡我們 */
.contact-body{padding:0 0 0 27px;}
.contact-note{padding:10px 0; font-size:13px; color:#f2551f;}
.contact-left img{width:100%; height:auto; margin-top:0px;}
.btn-send{font-size:13px;}
a.btn-send{background:#373737; padding:5px 20px; text-align:center; font-size:13px; color:#fff; width:100px; margin:2px;}
a.btn-send:hover{background:#000;}
a.btn-reset{background:#565656; padding:5px 20px; text-align:center; font-size:13px; color:#fff; width:100px; margin:2px;}
a.btn-reset:hover{background:#828282;}
a.btn-send-over{background:#9c9c9b; padding:5px 20px; text-align:center; font-size:13px; color:#fff; width:100px; margin:2px;}
a.btn-send-over:hover{background:#b9b9b9;}
img.code{width:100px; height:30px; margin:0 5px 0 0; vertical-align:middle;}

/* FAQ */
.faq>ul{margin:0; padding:0 5px; list-style:none;}
.faq>ul>li{border-bottom:1px #fff solid;}
.faq>ul>li a{color:#555555; font-size:15px; display:block; padding:10px 0 10px 10px;}
.faq>ul>li a:hover{background:#dbdbdb;}
.faq>ul>li .qa_title{background:#ffffff; font-weight:normal; border-left:8px #9c9c9c solid;}
.faq>ul>li .qa_content{border-top:1px #CCC dotted; padding:10px 0 20px 25px; font-size:13px; line-height:1.5em; color:#666;}
.faq>ul>li .qa_content a{color:#555555; display:initial;}
.faq>ul>li .qa_content a:hover{background:none; text-decoration:underline;}
.opacl{font-size:12px; line-height:20px; padding-bottom:10px;}
.opacl a{background:#959595; color:#fff; padding:7px 15px; margin:0 5px; -webkit-border-radius:5px 0px 0 0px; -moz-border-radius:5px 0px 0 0px; border-radius:5px 0px 0 0px;}
.opacl a:hover{background:#333;}
a.close_qa{font-size:12px;}

/* 最新消息 */
.news ul{margin:0; padding:0; list-style:none;}

/* news-list  最新消息 */
.news-list{list-style:none;}
.news-list li{clear:both; border-bottom:1px #E3E3E3 dotted;}
.news-list li span{float:left; width:130px; line-height:25px; display:block; padding:7px 0 7px 30px;}
.news-list li .news-lis-cont{margin:0 0 0 130px; padding:7px 0;}
.news-list li .news-lis-cont a{color:#2c9ad8; display:block;}
.news-list li .news-lis-cont a:hover{color:#f2551f;}

/* 最新消息-明細 */
.news-title{color:#f2551f;}
.time{color:#3CA3D5; padding:10px 0;}



/* 內頁架構 */
.content-body{margin:0 auto;}
.page-title{font-size:24px; color:#224b7f; padding:0 0 5px 5px; line-height:30px; margin:0 0 20px; border-bottom:1px solid #ccc; box-shadow:0 1px #fff;}
.page-title i{font-size:20px; color:#4aa1d2; margin-right:5px;}
.page-title small{color:#999; text-transform: uppercase;}
.page-title small:before{content:"/ "; font-size:24px; font-family:"Times New Roman"; color:#aaa;}
.page-main{padding:0; color:#666; line-height:1.5em;}
.left-menu-title{background:#8c8c8c; text-align:center; font-size:18px; color:#fff; padding:5px 0 10px 0; -webkit-border-radius:0 0 5px 0px; -moz-border-radius:0 0 5px 0px; border-radius:0 0 5px 0px;}
.in-left-menu>ul{margin:0; padding:1px 0 0px 0; list-style:none;}
.in-left-menu>ul>li{margin:2px 0; font-size:15px; color:#666; padding:0;}
.in-left-menu>ul>li>a{background:#d6ebf6 url(../images/left-icon.png) no-repeat -10px 13px; font-weight:bold; color:#333; display:block; padding:10px 5px 10px 15px; line-height:1.5em; border-radius:5px; -webkit-transition:all .15s ease-in-out; transition:all .15s ease-in-out; border:1px solid #2c9ad8; border-left:5px solid #2c9ad8; box-shadow:0 0 0 0 #aaa;}
.in-left-menu>ul>li>a:hover{background:#fff url(../images/left-icon.png) no-repeat 0 13px; color:#1780bb; font-weight:bold; border-left:5px solid #7eb30c; box-shadow:2px 2px 2px 0 #ccc;}
.in-left-menu>ul>li ul{margin:0 20px 0 40px; padding:0; list-style:square;}
.in-left-menu>ul>li ul li{padding:5px 5px 5px 0;}
.in-left-menu>ul>li ul li a{font-size:13px; color:#666; display:block;}
.in-left-menu>ul>li ul li a:hover{font-weight:bold; color:#749e19;}
.m_classLink{display:none;}

/* 內頁 BANNER */
.inside-banner{background:url(../images/in-banner-bg.png) top right no-repeat #8c8c8c; padding:25px 0; border-top:6px #545454 solid;}
.inside-banner .banner-title{max-width:1200px; font-size:18px; color:#ffffff; margin:0 auto; border-left:4px #ffffff solid; padding:0 0 0 20px; line-height:30px;}

/* 版面欄位 */
.main{padding:0;}
.main .wrapper{background-color:rgba(255,255,255,.3); padding:1rem 0;}
.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;}

/***  表單欄位  ***/
.form-box{min-width:280px; padding-right:5px;}
.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; margin-bottom:5px; border:1px solid #2c9ad8; border-radius:5px; overflow:hidden;}
.opinion-left01{background:#e4eeef; float:left; width:30%; padding:5px 3%; font-size:15px; font-family:"微軟正黑體"; line-height:24px;}
.opinion-right01{float:left; width:7.5%; padding:0px 2%; font-size:14px; font-family:"微軟正黑體"; color:#4E4E4E; line-height:20px; border-left:0;}
.input-main-style01{float:left; width:55%; margin:0; padding:5px 3%; font-size:14px; font-family:"微軟正黑體"; color:#4E4E4E; line-height:20px;}
.input-main-style02{float:left; width:70%; background-color:#fff; border:0; margin:0; padding:5px 3%; font-size:14px; font-family:"微軟正黑體"; color:#4E4E4E; line-height:20px;}
.input-main-style02-active{background:#eeeeee; float:left; width:70%; border:0; margin:0; padding:5px 3%; font-size:14px; color:#C10003; line-height:20px;}
.input-main-style03{background:#eeeeee; float:left; width:100%; margin:5px 0 0 0; border:0; padding:5px 3%; font-size:14px; font-family:"微軟正黑體"; color:#4E4E4E; line-height:20px;}
.input-main-select{background:#eeeeee; float:left; width:70%; border:0; margin:0; padding:0; font-size:14px; color:#4E4E4E; line-height:20px;}
.input-main-select select{background:#eeeeee; width:49%; padding:5px 3%; line-height:20px; border:0; font-family:"微軟正黑體";}
.select-style{background:#8a6e0c; font-size:15px; color:#ffffff; line-height:20px; padding:5px 10px; border:0;}
.order-numb{color:#FF0004;}
/***  輸入欄位  ***/

input {
}
.input-style01{background:#eeeeee; border:0; padding:5px 3%; line-height:20px; font-size:14px; font-family:"微軟正黑體"; color:#4E4E4E; width:100%; margin-bottom:5px;}
.input-botton01{padding:5px 3%; line-height:18px; font-size:13px; font-family:"微軟正黑體"; color:#4E4E4E; width:100px; margin:0 auto; text-align:center; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin-bottom:5px; text-shadow:1px 0px #fff; font-weight:800;}
.select-style01{border:1px #CBCBCB solid; padding:5px 3%; width:99%; line-height:20px; font-size:14px; font-family:"微軟正黑體"; color:#4E4E4E; margin:0; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -moz-box-shadow:0px 0px 5px #E9E9E9 inset;              /* For Firefox3.6+ */
	-webkit-box-shadow:0px 0px 5px #E9E9E9 inset;           /* For Chrome5+, Safari5+ */
	box-shadow:0px 0px 5px #E9E9E9 inset;                   /* For Latest Opera */
}
/* 頁次 */	
.page{font:13px/40px "微軟正黑體"; color:#333; text-align:center; clear:both; margin:20px 0;}
.page a{background:#3891c3; padding:2px 10px 3px; font-size:13px; line-height:13px; color:#fff; border-radius:5px;}
.page a:hover{background:#1175ad; color:#fff;}
.page br{display:none;}
/* 底部資訊 */
.bottom-info{background:url(../images/bottom-info.jpg); padding:20px 0;}
.bottom-info-main{max-width:1200px; margin:0 auto;}
.bottom-info-main h3{font-size:15px; color:#ffffff; border-bottom:1px #707070 solid; line-height:40px;}
.bottom-info-main ul.bottom-link{list-style:none; margin-left:0; padding-left:0;}
.bottom-info-main ul.bottom-link li{float:left; font-size:15px; width:95px; line-height:1.7em;}
.bottom-info-main ul.bottom-link li a{color:#ffffff;}
.bottom-info-main ul.bottom-link li a:hover{color:#707070;}
.bottom-info-main p.content{font-size:12px; color:#ffffff; line-height:24px;}
.bottom-info-main .bottom-tool{border-top:1px #707070 solid; margin-top:20px; padding-top:20px;}
footer{padding-bottom:1rem;}
footer .wd-counter{text-align:center;}
footer .wd-counter img{height:20px; margin-bottom:5px;}
footer .copyright{max-width:1200px; margin:0 auto; padding:1em 10px; color:#ffffff; font-size:15px; line-height:24px; border:2px solid #2b7db5; border-radius:0 0 10px 10px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7db9e8+0,207cca+48,1e5799+100 */
background: #7db9e8; /* Old browsers */
background: -moz-linear-gradient(top, #7db9e8 0%, #207cca 48%, #1e5799 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #7db9e8 0%,#207cca 48%,#1e5799 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #7db9e8 0%,#207cca 48%,#1e5799 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=0 ); /* IE6-9 */
}
footer .copyright .footer-logo{font-size:15px; color:#ffffff; height:auto; vertical-align:middle; margin-right:20px; float:left;}
footer span{display:inline-block;}
a.first-buy{background:#e75353; padding:15px; font-size:18px; color:#ffffff; display:block; text-align:center;}
a.first-buy:hover{background:#c42d2d;}

/* UItoTop */
#toTop{display:none; text-decoration:none; position:fixed; bottom:10px; right:10px; overflow:hidden; width:51px; height:51px; border:none; text-indent:100%; background:url(../images/ui.totop.png) no-repeat left top;}
#toTopHover{background:url(../images/ui.totop.png) no-repeat left -51px; width:51px; height:51px; display:block; overflow:hidden; float:left; opacity:0; -moz-opacity:0;
filter:alpha(opacity=0);}
#toTop:active, #toTop:focus{outline:none;}


@media screen and (max-width:767px) {
	.ads{display:none;}
}


@media screen and (max-width:750px) {
	.head-main .logo{font-size:30px; font-family:"Times New Roman";}
	.home{display:block; position:absolute; top:-35px; right:0px; width:25px; height:auto;}
	.home_w{display:none;}
	/* 產品專區 */
	.pro-list ul li{width:31%; padding:1%;}

	/* 版面欄位 */
	.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;}

	footer{text-align:center;}
}

@media screen and (max-width:640px) {
	.head-main .logo{width:250px; left:10px; top:-35px; font-size:22px;}
	.head-main .logo a{color:#ffffff;}
	.head-main .logo img{width:100%; height:auto;}
	.head-tool{width:310px; position:static; margin:10px auto;}
	.home{display:none;}
	a.home_w{display:block; position:absolute; top:5px; left:10px; width:30px; height:auto; padding:0;}
	a.home_w img{width:100%; height:auto;}
	.m-banner{width:100%; overflow:hidden; position:relative; z-index:1000;}
	.m-banner img{position:absolute; top:-50%;}
	.banner img{width:100%;}
	.oproject{display:inline; color:#900;}

		/* 產品專區 */
	.pro-store-info{padding:10px 0 10px 0px;}
	.pro-list ul li{width:98%; padding:1%;}
	.pro-detaile{padding-left:0px; padding-right:0px;}
	.pro-detaile .pro-photo-box{padding:0 0px 0 0;}
	.pro-qr-code{text-align:center; padding-bottom:20px;}
	.pro-qr-code img{width:200px; height:auto;}
	.cart-info .price{font-size:28px; text-align:center; display:block; padding:10px 0 20px 0;}
	.cart-info .quantity{text-align:center;}
	.cart-info .check-out{text-align:center; clear:both; display:block;}
	.cart-info .check-out a{font-size:15px; width:100%; padding:10px 0px; margin-left:0px; display:block;}
	.pro-detaile-box{display:block;}
	.pro-detaile-box>div{-webkit-flex:1; flex:1;}
	.pro-detaile-photo-box{width:100%;}
	.pro-detaile-spe-box{width:100%; position:relative; padding-bottom:0px;}
	.cart-info{position:static; bottom:auto;}
	
	/* 聯絡我們 */
	.contact-body{padding:0;}
	.contact-left{max-height:200px; overflow:hidden; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
	.contact-left img{width:100%; height:auto; margin-top:10px;}
	a.btn-send{padding:5px 0; width:49%; margin:5px 1% 0 0; display:block; float:left;}
	a.btn-reset{padding:5px 0; width:49%; margin:5px 0 0 1%; display:block; float:left;}
	a.btn-send-over{padding:3px 0; color:#fff; width:100%; display:block; float:left; margin-top:5px;}

	/* 內頁架構 */
	.page-main{padding:0;}
	.left-menu-title{font-size:15px; border-top:1px #999 dotted;}
	.classBox{padding:0 0 20px 0;}
	ul.classLink{display:none;}
	.m_classLink{display:block; position:relative;}
	.m_classLink a.main{display:block; background:#d6ebf6; font-size:15px; font-family:"微軟正黑體", "新細明體", sans-serif; color:#333; position:relative; padding:10px; 
    font-weight: bold;
    padding: 10px 5px 10px 15px;
    line-height: 1.5em;
    border: 1px solid #2c9ad8;
    border-left: 5px solid #2c9ad8;  border-radius:0 0 10px 10px; overflow:hidden;
	}
	.m_classLink a.main i{display:block; font-size:15px; background:#258dc8; 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; position:absolute; left:0; top:100%; z-index:999; box-sizing:border-box;}
	.m_classLink ul li{margin:2px 0; padding:0;}
	.m_classLink ul li a{background-color:#d6ebf6; display:block; padding:15px 10px; border-top:1px solid #d1d1d1; font-family:"微軟正黑體", "新細明體", sans-serif; font-size:15px; color:#222;
    font-weight: bold;
    color: #333;
    display: block;
    padding: 10px 5px 10px 15px;
    line-height: 1.5em;
    border-radius: 5px;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    border: 1px solid #2c9ad8;
    border-left: 5px solid #2c9ad8;
	}
	/*.m_classLink ul li a.current{display:none;}*/
	.m_classLink ul li a:hover{background:#efeded; color:#1780bb;}
	.m_classLink ul li ul{display:block; margin:0 10px 10px 10px; padding:0; list-style:none; width:calc(100% - 20px); background:#FFF; position:inherit; left:inherit; top:inherit; z-index:999; box-sizing:border-box;}

	/* 版面欄位 */
	.main{padding:0;}
	.col-m{width:100%; margin-right:0%; float:none;}
	.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%;}

	.select-style{font-size:15px; width:96%; line-height:20px; padding:5px 2%; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
	.input-style01, .input-main-style02, .input-main-style03{float:none; width:100%;}
	.checkout-box h3{margin-right:0;}
	.cart-btn{height:auto; overflow:auto;}
	a.btn-send-over{margin-left:0px;}
	/* 頁次 */	
	.page{}
	.page br{display:block;}
}