@charset "utf-8";

@import url(font-awesome.min.css);

/* 預設樣式 */
* { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
html { width:100%; height:100%; }
body { position:relative; width:100%; height:100%; margin:0; padding:0; font:15px "微軟正黑體"; line-height:24px; }
input[type=submit], input[type=reset], input[type=button], input[type=text] { -webkit-appearance:none; border-radius:0; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
* html .clearfix { height:1%; }
a:link, a:visited { display:inline-block; text-decoration:none; outline:none; hlbr:expression(this.onfocus=this.blur()); }
a:hover, a:active { text-decoration:none; }
img { border:0; max-width:100%; height:auto; width:auto\9; vertical-align:middle; }
input, textarea { outline:none; }
textarea { resize:none; }
input { vertical-align:middle; }
.slicknav_menu { display:none; }
input.select-box { border:1px solid #cbcbcb; padding:5px 3%; width:20px; height:20px; text-align:center; border-radius:5px; margin-bottom:5px; }
.blue{background-color:#016ead;}
.bn-blue{background-color:#175173;}
.ok-blue{background-color:#2ab1ff;}

/* 表單預設文字顏色設定 */
::-webkit-input-placeholder { color:#ddd; }
::-moz-placeholder { color:#ddd; }
:-ms-input-placeholder { color:#ddd; }
input:-moz-placeholder { color:#ddd; }
#field2::-webkit-input-placeholder { color:#333; }
#field2::-moz-placeholder { color:#333; }
#field3::-webkit-input-placeholder { color:#333; background:lightgreen; text-transform:uppercase; }
#field3::-moz-placeholder { color:#333; background:lightgreen; text-transform:uppercase; }
#field4::-webkit-input-placeholder { font-style:italic; text-decoration:overline; letter-spacing:3px; color:#333; }
#field4::-moz-placeholder { font-style:italic; text-decoration:overline; letter-spacing:3px; color:#999; }

/* 手機選單、選單 色塊-變色 */
.b-color { 
	/* background:#fbfbfb;
	background:-moz-linear-gradient(top, #fbfbfb 35%, #dbdbdb 100%);
	background:-webkit-linear-gradient(top, #fbfbfb 35%, #dbdbdb 100%);
	background:linear-gradient(to bottom, #fbfbfb 35%, #dbdbdb 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#dbdbdb', GradientType=0 ); */
	background: rgb(40,96,173);
	background: -moz-linear-gradient(top, rgba(40,96,173,1) 0%, rgba(60,106,169,1) 25%, rgba(38,58,90,1) 100%);
	background: -webkit-linear-gradient(top, rgba(40,96,173,1) 0%,rgba(60,106,169,1) 25%,rgba(38,58,90,1) 100%);
	background: linear-gradient(to bottom, rgba(40,96,173,1) 0%,rgba(60,106,169,1) 25%,rgba(38,58,90,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2860ad', endColorstr='#263a5a',GradientType=0 ); 
}
.slicknav_menu {  }
.slicknav_icon-bar { background-color:#016ead; }
.slicknav_btn { background:rgb(183,178,176); }
.b-color>li:hover, .b-color>li>ul>li>a:hover, .slicknav_nav .slicknav_row:hover, .slicknav_nav a:hover { background:#016ead; }
.slicknav_nav>li { width:50%; float:left; }
.slicknav_nav>li.first { width:100%; }
.slicknav_nav>li.first a { display:inline-block; background-color:transparent; padding:0 5px 5px 66px; color:#333; border:0; font-weight:bold; text-align:left; }
.slicknav_nav>li.first a:hover { color:#016ead; border:0; }
.border-color { border-left:7px solid #a0a0a0; }



header { }
.head-main { width:95%; max-width:1140px; height:97px; margin:0 auto; }
.head-tool { width:310px; float:right; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; border:1px solid #e5e3e3; text-align:center; overflow:hidden; margin-top:20px; }
.head-tool li { list-style:none; padding:0px; margin:0; float:left; width:33.33%; }
.head-tool li a { margin:0; padding:5px; display:block; color:#767575; }
.head-tool li a:hover { background:#666; color:#fff; }
.head-main .logo { float:left; width:335px; height:auto; padding-top:12px; }
.head-main .home{ float:right; margin:38px 15px 0 0; display:block; }
.head-main .home a{ background:#014c78; padding:1px 8px; font-size:13px; color:#FFF; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
@media screen and (max-width:750px){
	.head-main .logo { width:300px;}
}
@media screen and (max-width:640px){
	.head-main .home{ margin: 5px 10px 0 0;}
}


.home_w { display:none; }
.banner { width:100%; overflow:hidden; position:relative; }
.banner img { vertical-align:middle; width:100%; height:auto; position:absolute; }
h3.login-title { margin:0 0 10px 0; font-family:"Times New Roman"; font-size:24px; line-height:30px; color:#9b9b9b; }
.icon-tool { width:40px; height:auto; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }

/** 搜尋 **/
.search-field { float:right; height:30px; line-height:28px; background:none; margin-top:35px; display:inline-block; border:1px #e1dede solid; border-radius:3px; }
.search-field .field { background:#f2f2f2; float:left; width:196px; height:28px; border:none; padding:0 10px; margin:0; color:#333; }
.search-field .button { float:left; width:32px; background:#f2f2f2 url(../images/btn-search.png) no-repeat center center; border:none; height:28px; margin:0; }

/* 選單與下拉 */
nav { border-top:1px solid #dedede; border-bottom:1px solid #dedede; }
.menu { margin:0; padding:0; list-style:none; position:relative; max-width:1000px; margin:0 auto; }
.menu>li { color:#016ead; width:20%; float:left; font-size:18px; text-align:center; position:relative; line-height:52px; border-left:1px solid #ddd; cursor:pointer; }
.menu>li:last-child { border-right:1px solid #ddd; }
.menu>li>a { color:#fff; display:block; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; }
.menu>li>a:hover { background:#016ead; color:#fff; }
.menu>li.sub>ul.sub-menu { display:none; background:rgba(0,0,0,0.5); position:static; margin:0; padding:0; border-radius:0 0 5px 5px; z-index:999; }
.menu>li.sub:hover ul.sub-menu { position:absolute; display:block; width:100%; left:0; top:52px; z-index:999; }
.menu>li.sub>ul.sub-menu>li { display:block; border-top:1px dotted #fff; }
.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:#3cace3; }
 
@-webkit-keyframes fadeIn {  from { opacity:0; }
 to { opacity:1; }
}
@-moz-keyframes fadeIn {  from { opacity:0; }
 to { opacity:1; }
}
@keyframes fadeIn {  from { opacity:0; }
 to { opacity:1; }
}
.fade-in { opacity:0;
	-webkit-animation:fadeIn ease-in 1;
	-moz-animation:fadeIn ease-in 1; animation:fadeIn ease-in 1; -webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards; animation-fill-mode:forwards; -webkit-animation-duration:0.3s; -moz-animation-duration:0.3s; animation-duration:0.3s; }

/* 首頁公司簡介 */
.i-about { display:flex; }
.i-about .contect h3 { background:url(../images/title-icon.png) no-repeat center left; font-size:26px; color:#396b87; line-height:31px; margin:1em 0; padding:0 0 0 15px; font-weight:normal; }
.i-about .contect { float:left; width:50%; font-size:16px; color:#444444; line-height:2em; padding:30px 60px 100px; background:url(../images/about_bg.png) no-repeat right bottom; }
.i-about .i-image { float:left; width:50%; background:url(../images/about-img.jpg) no-repeat center center; background-size:cover; }
.i-about .more { font-size:14px; color:#175173; border:1px #016ead solid; line-height:28px; width:105px; text-align:center; margin:50px 0; border-radius:3px; }
.i-about .more a { font-size:14px; color:#175173; display:block; background-color:rgba(255,255,255,.8); }
.i-about .more a:hover { display:block; font-size:14px; color:#ffffff; background:#175173; }

@media screen and (max-width:900px){
	.i-about { display:block; }
	.i-about .contect { float:none; width:100%; }
	.i-about .i-image { float:none; width:100%; height:425px; }
}
@media screen and (max-width:420px){
	.i-about .contect { padding:10px 20px 100px;}
}

/* 訂單列表 */
.order-search { padding-left:30px; }
.order-list { padding-left:30px; }
.order-list td { text-align:center; font-size:12px; line-height:1.5em; padding:5px 10px; border-bottom:1px dotted #ccc; border-right:1px dotted #ccc; }
.order-list img.pro-photo { width:90px; height:90px; padding:10px; border:1px solid #ccc; }
.order-list .order-list-th { font-size:15px; color:#fff; text-align:center; line-height:25px; }
.order-list .order-list-td { font-size:15px; color:#333; text-align:center; }
.order-list .price { font-size:15px; color:#900; }
.order-list .numb { font-size:15px; color:#788bac; text-align:left; }
.order-list .numb a { color:#788bac; }
.order-list .count { font-size:15px; color:#333; }
.order-list .count-portal { padding:10px 0; border-bottom:1px #ccc dotted; margin-bottom:20px; }
.count-price { font-size:24px; font-family:Verdana; color:#900; font-weight:bold; }
.order-list .portal { display:block; width:200px; font-size:15px; color:#900; float:right; text-align:right; }
.order-list .freight { display:block; width:150px; font-size:15px; color:#900; float:right; text-align:right; }
.oproject { display:none; color:#900; }
ul.order-list { list-style:none; margin:0; padding:0; }
ul.order-list li { border-bottom:1px #ccc dotted; padding:5px 0; }
ul.order-list li:nth-child(odd) { background:#f5f5f5; }
ul.order-list li.th { background:#666; color:#fff; text-shadow:-1px -1px 0 #333; padding:3px 0; -webkit-border-radius:2px 2px 0 0; -moz-border-radius:2px 2px 0 0; border-radius:2px 2px 0 0; border:0; }
.th .order-list-img, .th .order-list-name, .th .order-list-price, .th .order-list-quantity, .th .order-list-subtotal, .th .order-list-del { padding-top:5px; }
.order-list-img { float:left; width:10%; display:table-cell; font-size:15px; vertical-align:middle; text-align:center; }
.order-list-img02 { float:left; width:10%; display:table-cell; font-size:15px; padding-top:5px; vertical-align:middle; text-align:center; }
.sorder-list-img img { width:90px; height:auto; padding:5%; border:1px #ccc solid; margin:5%; text-align:center; }
.order-list-del a { color:#fff; padding:3px 10px; line-height:1.5em; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:rgb(248,80,50); }
.order-list-del a:hover { background:rgb(255,48,25); }
.order-ditaile-info { padding:0 0 0 40px; font-size:15px; color:#333; line-height:1.5em; }
.jump-window-box { max-width:500px; margin:0 auto; border:1px solid #ccc; padding:20px; margin-top:20px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }

/* 會員登入 */
.member-login-box { max-width:500px; margin:0 auto; border:1px solid #ccc; padding:20px; margin-top:20px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }

/* 購物車 */
.cart-body { max-width:1140px; margin:0 auto; }
.shopping-car { padding-left:30px; }
th.shopping-car-th { background:#69c; font-size:15px; color:#fff; text-align:center; line-height:25px; border-right:1px dotted #fff; }
.shopping-car td { text-align:center; font-size:12px; line-height:1.5em; padding:5px 10px; border-bottom:1px #ccc dotted; border-right:1px #ccc dotted; }
.shopping-car img.pro-photo { width:90px; height:90px; padding:10px; border:1px #ccc solid; }
.shopping-car .pro-name { font-size:15px; color:#333; text-align:left; }
.shopping-car .price { font-size:15px; color:#900; }
.shopping-car .numb { font-size:15px; color:#66f; }
.shopping-car .count { font-size:15px; color:#333; }
.shopping-car .count-portal { padding:10px 0; border-bottom:1px dotted #ccc; margin-bottom:20px; }
W.count-price { font-size:24px; font-family:Verdana; color:#900; font-weight:bold; }
.shopping-car .portal { display:block; width:200px; font-size:15px; color:#900; float:right; text-align:right; }
.shopping-car .freight { display:block; width:150px; font-size:15px; color:#900; float:right; text-align:right; }
ul.shopping-car-list { list-style:none; margin:0; padding:0; }
ul.shopping-car-list li { border-bottom:1px #ccc dotted; padding:5px 0; }
ul.shopping-car-list li.th { background:#777; color:#fff; text-shadow:-1px -1px 0 #393939; min-height:0px; padding:5px 0; border:0; -webkit-border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; }
.th .shop-car-img, .th .shop-car-name, .th .shop-car-price, .th .shop-car-quantity, .th .shop-car-subtotal, .th .shop-car-del { padding-top:5px; }
.shop-car-img { display:table-cell; font-size:15px; vertical-align:middle; text-align:center; }
.shop-car-img img { width:90px; height:auto; padding:5%; border:1px solid #ccc; margin:5%; text-align:center; }
.shop-car-name { display:table-cell; padding-top:50PX; font-size:15px; vertical-align:middle; text-align:center; }
.shop-car-price { display:table-cell; padding-top:50PX; font-size:15px; vertical-align:middle; text-align:center; }
.shop-car-quantity { display:table-cell; padding-top:50PX; font-size:15px; vertical-align:middle; text-align:center; }
.shop-car-subtotal { display:table-cell; padding-top:50PX; font-size:15px; vertical-align:middle; text-align:center; }
.shop-car-del { display:table-cell; padding-top:50PX; font-size:15px; vertical-align:middle; text-align:center; }
.shop-car-del a { color:#fff; padding:3px 10px; line-height:1.5em; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:rgb(248,80,50); }
.shop-car-del a:hover { background:rgb(255,48,25); }
.shopping-car .oproject { font-size:15px; color:#000; display:none; font-weight:bold; }
.checkout-box { background:#eee; padding:10px; margin-left:30px; border-bottom:2px dotted #fff; }
.checkout-box h3 { background:#999; border-left:5px #333 solid; font-size:18px; color:#fff; text-shadow:-1px -1px 0 #666; line-height:30px; padding-left:20px; font-weight:500; }
.check-box { padding:5px; font-size:15px; color:#000; }
.check-box a { color:#000; }
.check-box a:hover { color:#960; }
.appointment { max-width:600px; margin:0 auto; }
.appointment-title { text-align:center; }

/* 產品專區 */
.search { padding:0 10px; }
.search-input { padding:10px 0; position:relative; }
.search-input img { position:absolute; right:0; top:10px; }
.search input { background:#e8d5d5; font-size:15px; color:#737946; padding:5px 0 5px 5%; line-height:31px; height:31px; width:85%; -webkit-border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px; border:0; margin:0 10% 0 0; right:70px; vertical-align:middle; }
.search img { vertical-align:middle; }
.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:#016ead; line-height:1.5em; margin-bottom:20px; text-align:center; padding-bottom:10px; }
.pro-list ul { max-width:1140px; margin:0 auto; padding:0; list-style:none; }
.pro-list ul li { margin-bottom:30px; }
.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-list ul li .pro-photo { background:#f7f5f6; width:100%; display:table; position:relative; height: 200px; table-layout:fixed; border:1px solid #eee; overflow: hidden;}
.pro-list ul li .pro-photo a { position:relative; display:table-cell; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; width: 100%; height: 100%; text-align: center; vertical-align: middle; }
.pro-list ul li .pro-photo a img.index-pro-img { width:auto; height:auto; max-width:100%; max-height:100%; }
.pro-list ul li .pro-photo a .caption { display:flex; align-items:center; justify-content:center; position:absolute; bottom:0; width:100%; color:#303334; background-color:rgba(255, 255, 255, 0.5); vertical-align:middle; padding:15px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; font-size:15px; font-weight:bold; line-height:20px; text-align:center; }
.pro-list ul li .pro-photo a:hover .caption { position:absolute; bottom:0; width:100%; color:#39c; background-color:rgba(255, 255, 255, .8); }
.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:0 1% 30px; }
h3.pro-detaile-title { background:url(../images/page-title.png) left top no-repeat; font-size:18px; color:#333; padding:0 0 10px 40px; line-height:24px; margin:0 0 30px; }
.pro-detaile .pro-photo { background:#fff; width:100%; margin:0 0 10px; padding:0; }
.pro-detaile .pro-photo img { width:100%; height:auto; }
.pro-specification { font-size:12px; line-height:1.5em; color:#333; position:relative; margin-bottom:10px; }
.pro-content { padding:0; font-size:15px; line-height:1.6em; color:#333; clear:both; }
.pro-content img { margin:0 10px 10px 0; }
.pro-content p.spec { margin:0; padding:0; font-size:12px; line-height:1.5em; color:#333; }
h3.pro-introduce { font-weight:normal; border-top:1px dotted #ccc; border-bottom:1px solid #ccc; border-left:5px solid #900; padding:5px 0 5px 20px; font-size:20px; color:#333; }
.pro-qr-code img { width:100px; height:auto; }
.cart-info { vertical-align:middle; }
.cart-info .price { font-size:28px; font-weight:bold; text-align:right; margin:20px 0; color:#f00; vertical-align:middle; display:block; }
.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; }
.cart-btn { display:inline-block; padding:20px 0; text-align:center; margin:15px calc(50% - 128px); }
.size { margin:5px 0; padding:7px 0; border-bottom:1px solid #dfdfdf; border-top:1px solid #dfdfdf; }
.size ul { list-style:none; margin:0 auto; padding:0; }
.size ul li { background:#aaa; font-size:12px; color:#fff; margin:0 2px; float:left; cursor:pointer; width:25px; line-height:25px; text-align:center; }
.size ul li:hover { background:#5e9bc7; }
.size ul li.active { background:#5e9bc7; }
.size ul li.none { background:#e7e7e7; }
.size ul li.title { background:none; font-size:15px; color:#575757; width: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%; }
.stripViewer .panelContainer img { width:100%; height:auto; }
.stripViewer .panelContainer .panel { float:left; position:relative; margin-bottom:0; border:0; box-shadow:none; }
.stripNavL, .stripNavR, .stripNav { display:none; width:100%; }
.slider-wrap a { height:auto; }
.nav-thumb { margin-right:5px; }
#movers-row { margin:5px 0 0; width:101%; }
#movers-row div { width:25%; float:left; padding-right:1%; }
#movers-row div a.cross-link { float:right; }
.photo-meta-data { 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; }
.panel { width:25%; }

/* 聯絡我們 */
.contact-body { padding:0; margin:0 0 60px; }
.contact-body .right{ padding:0 0 0 20px;}
@media screen and (max-width:640px){
	.contact-body .right{ width:94%; margin:0 auto; padding:0; float:none;}
}
.contact-info { font-size:16px; line-height:1em; margin-bottom:10px; }
.contact-info div {  }
.contact-info div>span, .contact-info div>span a{ color:#999; font-size:15px; font-weight:bold; }
.contact-info div>span.glyphicon { font-size:16px; color:#555b5b; }
.contact-info div>span.title { font-weight:normal; font-size:18px; color:#303334; }
.contact-info .glyphicon:before { display:flex; align-items:center; justify-content: center; width:36px; height:36px; background-color:#f8f8f8; border-radius:40px; margin:5px auto; }
.contact-note { padding:10px 0; font-size:13px; color:#f00; }
.contact-left img { width:100%; height:auto; margin-top:10px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }

.btn-send { font-size:13px; }
.btn-send { background-color:#016ead; font-weight:bold; font-size:15px; line-height:36px; color:#fff; text-align:center; margin:2px; padding:0 30px; border:2px solid #016ead; float:right; border-radius:3px; }
.btn-send:hover { background-color:#2ab1ff; border:2px solid #2ab1ff; }
.btn-reset { background:#fff; font-weight:bold; font-size:15px; line-height:36px; color:#016ead; text-align:center; margin:2px; padding:0 30px; border:2px solid #016ead; float:left; border-radius:3px; }
.btn-reset:hover { background-color:#2ab1ff; color:#fff; }


.btn-send-over { background:#79919f; padding:3px 20px; text-align:center; font-size:15px; color:#fff; width:100px; margin:2px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.btn-send-over:hover { background:#63aebd; }
img.code { width:100px; height:32px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin:0 5px; vertical-align:middle; }

/* FAQ */
.faq ul { margin:0; padding:0; list-style:none; }
.faq ul li { border-bottom:1px #fff solid; }
.faq ul li .qa_title { background:#dddcd7; font-weight:normal; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border-left:8px solid #333; }
.faq ul li a { color:#333; font-size:15px; display:block; padding:10px 0 10px 10px; text-shadow:1px 1px 0 #fff; }
.faq ul li a:hover { background:#c5c4b7; color:#fff; text-shadow:-1px -1px 0 #666; }
.faq ul li .qa_content { border-top:1px dotted #ccc; padding:10px 0 20px 25px; font-size:13px; line-height:1.5em; color:#666; }
.opacl { font-size:12px; line-height:20px; padding-bottom:10px; }
.opacl a { background:#888; color:#fff; padding:3px 10px; margin:0 5px; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; }
.opacl a:hover { background:#699; }
a.close_qa { font-size:12px; }

/* news-list  最新消息 */
.news { padding:0; margin-bottom:20px; }
.news ul { margin:0; padding:0; list-style:none; }
.content-body .time { text-align:right; color:#999; font-size:14px; padding:5px 20px; }
.news-title { background:#f2f2f2; padding:10px 10px; font-size:15px; color:#333; }
.news-list { list-style:none; }
.news-list li { background:url(../images/left-icon.png) no-repeat 25px 20px; clear:both; background-color:#f8f8f8; margin-bottom:5px; border-radius:3px; }
.news-list li:hover {background:#ebf6fc url(../images/left-icon-hover.png) no-repeat 25px 20px;}
.news-list li span { display:inline-block; width:85px; text-align:center; color:#999; font-size:14px; }
.news-list li .news-lis-cont { float:left; width:calc(100% - 120px); padding-right:50px; }
@media screen and (max-width:640px){
	.news-list li .news-lis-cont {width:100%; padding-right:0;}
}
.news-list li a { font-weight:bold; font-size:15px; color:#333; display:block; padding:20px 20px 20px 45px; line-height:24px; }

/* 內頁架構 */
.content-body { max-width:1140px; margin:0 auto; padding:0 0 80px; }
.page-name{padding:50px 0 25px;}
@media screen and (max-width:640px){
	.page-name { padding:10px 0; border-top:6px solid #eaeaea; }
}
.page-name { font-size:40px; font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; line-height:1.1em; color:#000; margin:0 auto 50px; text-align:center; padding:40px 0 0; letter-spacing:-1px; text-transform:uppercase; }
.page-name .cn { position:relative; max-width:1140px; font-family:"微軟正黑體"; font-size:26px; color:#396b87; margin:0 auto; text-align:center; padding:0 0 6px 0; line-height:31px; }
.page-name .cn:after { content:""; position:absolute; bottom:0; left:0; height:4px; background-color:#4fbfff; border-radius:2px; width:100%; }


.page-title { position:relative; font-size:24px; color:#333; padding:10px 0 10px 36px; line-height:30px; margin:0 0 20px; border-bottom:1px solid #ebebeb; }
.page-title:before { content:""; position:absolute; display:block; width:30px; height:30px; left:0; top:10px; background-color:#157EC0; border-radius:0 15px 15px 0; border-left:3px solid #175173; }
.page-main { padding:0 2% 50px; font-size:15px; color:#333; line-height:1.6em; }
.in-left-menu { margin-bottom:50px; padding:0 2% 0 0; }
.left-menu-title { background:#016ead; text-align:center; font-size:20px; font-family:Arial, "微軟正黑體"; color:#fff; margin:10px 0 5px; padding:10px 0; border-radius:3px;
background: rgb(40,96,173);
	background: -moz-linear-gradient(top, rgba(40,96,173,1) 0%, rgba(60,106,169,1) 25%, rgba(38,58,90,1) 100%);
	background: -webkit-linear-gradient(top, rgba(40,96,173,1) 0%,rgba(60,106,169,1) 25%,rgba(38,58,90,1) 100%);
	background: linear-gradient(to bottom, rgba(40,96,173,1) 0%,rgba(60,106,169,1) 25%,rgba(38,58,90,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2860ad', endColorstr='#263a5a',GradientType=0 );
}
.in-left-menu>ul { margin:0; padding:3px 0 0 0; list-style:none; }
.in-left-menu>ul>li { font-size:15px; color:#666; margin-bottom:5px; border:1px solid #ccc; border-radius:3px; }
.in-left-menu>ul>li>a { background-color:#eee; font-weight:bold; font-size:15px; color:#333; display:block; padding:10px; line-height:24px; }
.in-left-menu>ul>li>a:hover, .in-left-menu>ul>li>a.current { color:#016ead; }
.in-left-menu>ul>li>a img { width:100%; } 
.in-left-menu>ul>li>ul { margin:0; padding:0; list-style:none; }
.in-left-menu>ul>li>ul>li { border-bottom:1px dotted #DDD; background:url(../images/left-menu-list-bg.png) no-repeat 2px 8px #EEE; }
.in-left-menu>ul>li>ul>li:hover { }
.in-left-menu>ul>li>ul>li a { font-size:15px; font-weight:bold; color:#232374; display:block;  padding:5px 5px 5px 23px;}
.in-left-menu>ul>li>ul>li a:hover { color:#39C; }
.in-left-menu>ul>li>ul>li>ul{ margin:0; padding:0; background:#faf9f9;}
.in-left-menu>ul>li>ul>li>ul>li{ list-style:none;}
.in-left-menu>ul>li>ul>li>ul>li a { font-size:13px; color:#000; }

@media screen and (max-width:640px){
	.in-left-menu { padding:0 20px; }
}


/* 內頁BANNER */
.inside-banner { padding:0; }
@media screen and (max-width:640px){
	.inside-banner { padding:0; border-top:6px solid #eaeaea; }
}
.inside-banner .banner-title { font-size:40px; font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; line-height:1.1em; color:#000; margin:0 auto 50px; text-align:center; padding:20px 0 0; letter-spacing:-1px; text-transform:uppercase; }
.inside-banner .banner-title-e { position:relative; max-width:1140px; font-family:"微軟正黑體"; font-size:26px; color:#396b87; margin:0 auto; text-align:center; padding:0 0 6px 0; line-height:31px; }
.inside-banner .banner-title-e:after { content:""; position:absolute; bottom:0; left:0; height:4px; background-color:#4fbfff; border-radius:2px; width:100%; }

/* 首頁產品 */
.index-pro { max-width:1140px; margin:0 auto; }
.index-pro-title { font-size:24px; color:#333; line-height:30px; padding-bottom:10px; text-align:center; font-weight:normal; border-bottom:3px solid #dfdfdf; }
.index-pro ul { max-width:1140px; margin:0 auto; padding:0; list-style:none; }
.index-pro ul li { width:20%; padding:1%; text-align:center; float:left; }
.index-pro ul li:hover { background:#f8f6f6; }
.index-pro ul li h4 { font-size:15px; color:#504f4d; line-height:1.5em; font-weight:normal; padding:5px 0 5px 0; margin:0; }
.index-pro ul li .index-pro-store { color:#938c83; line-height:1.5em; padding:10px 0; display:block; text-decoration:line-through; }
.index-pro ul li .index-pro-price { color:#b83400; font-size:20px; padding:0 0 10px 0; display:block; font-family:Helvetica, arial; }
a.cart { background:#9b9b9b; padding:5px 8px; color:#fff; font-size:15px; display:block; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:0 solid #dbdbdb; width:48%; margin-right:2%; float:left; }
a.cart img { padding-right:0px; vertical-align:middle; }
a.cart:hover { background:#a7a7a7; }
a.check { background:#9b9b9b; padding:5px 8px; color:#fff; font-size:15px; display:block; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:0 solid #dbdbdb; width:48%; margin-left:2%; float:left; }
a.check img { padding-right:0px; vertical-align:middle; }
a.check:hover { background:#a7a7a7; }
.index-more { max-width:1140px; border-top:1px solid #dad0d0; margin:50px auto 0; height:50px; position:relative; }
.index-more a { background:url(../images/index-more-pro.png) no-repeat; color:#a7a7a7; width:132px; height:36px; display:block; margin:0 auto; text-align:center; position:absolute; top:-10px; left:50%; margin-left:-66px; }

/* 首頁連結 */
.index-link { max-width:1140px; margin:0 auto; }
.index-link h3 { color:#333; font-size:36px; font-weight:normal; text-align:center; line-height:0.8em; letter-spacing:2px; }
.index-link h3 .red { color:#d45500; font-size:24px; letter-spacing:0px; }
.index-link h3 .brwon { color:#c2ab8a; font-size:24px; padding-left:15px; letter-spacing:0px; }
.index-link-top { height:75px; }
.index-link ul { background:#e1e1e1; margin:0; padding:0; list-style:none; }
.index-link ul li { float:left; width:25%; margin:0; padding:0; border:1px dotted #fff; }
.index-link ul li img { width:100%; height:auto; border:0; margin:0; padding:0; }

/* 首頁 搜尋 最新消息模組 */
.index-news { width:100%; position:relative; }
.index-news-line { position:absolute; width:100%; border-bottom:1px #d1d1d1 solid; top:50px; z-index:-1; }
.index-search-news { max-width:1140px; margin:0 auto; }
.index-search h3 { font-size:24px; color:#333; font-weight:normal; line-height:40px; margin:10px 0 10px 0; padding:0; }
.index-search span { display:block; float:right; font-size:15px; color:#d1d1d1; font-weight:normal; }
.index-search-input { padding:10px 0 20px 0; position:relative; color:#333; }
.index-search-input img { position:absolute; right:0; top:10px; }
.index-search input { background:#e8d5d5; font-size:15px; color:#333; padding:5px 0 5px 20px; line-height:21px; width:100%; -webkit-border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px; border:0; margin:0 5% 0 0; right:51px; vertical-align:middle; }
.index-search img { vertical-align:middle; }
.i-news { padding-left:50px; }
.i-news h3 { font-size:24px; color:#333; font-weight:normal; line-height:40px; margin:10px 0; padding:0; }
.i-news h3 span { display:block; float:right; font-size:14px; color:#afaaaa; font-weight:normal; }
.i-news h3 span a { color:#333; }
.i-news h3 span a:hover { color:#12a8d5; }
.i-news ul { list-style:square; color:#333; padding:0 0 0 20px; margin:0; }
.i-news ul li { padding:5px 0; font-size:15px; line-height:1.5em; border-bottom:1px solid #e7e7e7; }
.i-news ul li a { color:#333; display:block; }
.i-news ul li a:hover { color:#f96; }

/* 會員登入 */
h3.login-title { margin:10px 0; font-family:"Times New Roman"; font-size:30px; line-height:30px; color:#9b9b9b; }
.icon-tool { width:40px; height:auto; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.member-signup { font-size:14px; color:#828282; line-height:20px; padding:5px 0; text-align:center; }
.calender { width:30px; height:auto; }

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


/* 公司簡介 */
.about .txt{margin-top:30px;}
.about h3{ font-size:19px; color:#39C; font-weight:bold; margin-top:30px;}
.about ul{ margin:0 0 0 25px; padding:0;}
.about .about-pic img{ box-shadow:0px 2px 8px #CCC;}



/* 訂位填寫 */
.show-date { background:#14a1f0; padding:5px 10px; font-size:14px; color:#fff; line-height:25px; margin-bottom:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.show-date a { color:#d0ff00; text-decoration:none; }
.show-date a:hover { color:#f0ff9b; }
.kyein-be-member { background:#ff1115; padding:5px 10px; font-size:14px; color:#ffdada; line-height:25px; margin-bottom:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }

/* 訂位區塊 */
.info-box { font-size:14px; color:#686868; line-height:20px; padding-bottom:10px; margin-bottom:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
h4.info-title { background:#ffeded; font-size:17px; line-height:30px; color:#ad3a3c; padding:0 0 0 10px; margin:5px 0px 10px 0px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-weight:normal; }
.info-content { padding:0 0 10px 20px; }
.info-content ul { list-style:square; margin:0; padding:0 0 0 20px; }
.info-content ul li { border-bottom:1px dotted #bfbfbf; margin-bottom:10px; color:#a41c1f; }
.info-content ul li p { font-size:12px; color:#767676; margin:0 0 10px; padding:0; }
h5.info-set-opint { color:#69b7ff; font-size:15px; line-height:25px; border-bottom:1px solid #d9d9d9; margin:0 0 10px; }

/* step */
.step { list-style:none; margin:0; padding:20px 0; }
.step li { float:left; width:25%; font-size:28px; line-height:1.2em; color:#d9d9d9; border-left:1px solid #d9d9d9; padding:0; text-align:center; }
.step li.active, .step li.active span { color:#0091ed; }
.step li span { color:#7f7f7f; display:block; font-size:15px; line-height:18px; padding:5px 0 0; border-top:1px dotted #dbd8d8; margin:10px auto 0; width:80%; }

/* 定位-選項-時段 */
.order-opinion { padding:0 0 10px; }
.time { font-size:14px; color:#7e7e7e; line-height:20px; }
.time ul { margin:0; padding:0; list-style:none; }
.time ul li { background:#ff5558; float:left; text-align:center; font-size:14px; color:#fff; line-height:20px; padding:3px 0px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin:1% 1% 0 0; width:11.5%; }
.time ul li a { color:#fff; }
.time ul li:hover { background:#d30003; }
.time ul li.finish { background:#d3d2d2; }
.time ul li span { display:block; border-top:1px solid #ffb6b7; line-height:20px; }
.order-note { color:#df0205; padding:10px 0; }

/* 歷史訂單 */
.table-border { background:#dbdbdb; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin-bottom:10px; }
.table-border th { font-size:14px; color:#fff; padding:3px 5px; }
.table-border td { font-size:14px; color:#515151; padding:3px 5px; text-align:center; }
.table-border tr:first-child { background:#ff6700; font:12px; padding:3px 5px; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; }
.table-border tr:last-child { background:#fff; font:12px; padding:3px 5px; -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; }
.table-border tr:nth-child(2n) { background:#fff; }
.table-border tr:nth-child(2n+3) { background:#fffbf0; }

/* 表單欄位 */
.form-box { min-width:280px; background-color:#f8f8f8; padding:55px; margin-bottom:50px; }
.form-box img { vertical-align:middle; margin:10px 0; }
.form-style01 { font-size:14px; font-family:"微軟正黑體"; color:#4e4e4e; padding:5px 0 10px 0; line-height:20px; width:100%; }
.opinion { margin-bottom:10px; }
.opinion-left01 {  width:100%; border-right:0; padding:5px 3px; font-size:15px; font-family:"微軟正黑體"; color:#191919; line-height:15px; border-radius:3px 0 0 3px; display:block; }
@media screen and (max-width:640px){
	.opinion-left01 { background-color:transparent; width:100%; border:0; padding-left:0; }
}
.opinion-right01 { float:left; width:7.5%; border:1px solid #cbcbcb; padding:0 2%; font-size:14px; font-family:"微軟正黑體"; color:#4e4e4e; line-height:20px; border-left:0; border-radius:0 3px 3px 0; }
.input-main-style01 { float:left; width:55%; border:1px solid #cbcbcb; margin:0; padding:16px 25px; font-size:15px; font-family:"微軟正黑體"; color:#4e4e4e; line-height:20px; }
input[type=text].input-main-style02 { background:#fff; width:100%; border:1px solid #e8e8e8; margin:0; padding:10px 20px; font-size:15px; font-family:"微軟正黑體"; color:#191919; line-height:15px; border-radius:0 3px 3px 0; }
input[type=text].input-main-style02.veri{width:150px; margin-right:5px;}
.input-main-style03 { float:left; width:93.3333%; border:1px solid #cbcbcb; margin:0; padding:16px 25px; font-size:15px; font-family:"微軟正黑體"; color:#4e4e4e; line-height:20px; text-align:center; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.select-style { font-size:15px; color:#666; line-height:20px; padding:5px 10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.order-numb { color:#ff0004; }

/* 輸入欄位 */
.input-style01 { border:1px solid #e8e8e8; padding:5px 20px; line-height:20px; font-size:14px; font-family:"微軟正黑體"; color:#191919; width:100%; margin-bottom:5px; border-radius:3px; }
.input-botton01 { border:1px #cbcbcb solid; padding:5px 3%; line-height:18px; font-size:13px; font-family:"微軟正黑體"; color:#4e4e4e; width:100px; margin:0 auto; text-align:center; 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; -webkit-box-shadow:0px 0px 5px #e9e9e9 inset; box-shadow:0px 0px 5px #e9e9e9 inset; }
.input-botton-blue { background:#feffff; }
.bg-gary-whrite { background:-moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.06) 98%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(98%, rgba(0,0,0,0.06)));
	background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.06) 98%);
	background:-o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.06) 98%);
	background:-ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.06) 98%);
	background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.06) 98%);
filter:progid:dXImageTransform.Microsoft.gradient( startcolorstr='#00000000', endcolorstr='#0f000000', GradientType=0 );
}
.bg-red-orange { background:rgb(248,80,50); background:-moz-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(248,80,50,1)), color-stop(50%, rgba(241,111,92,1)), color-stop(51%, rgba(246,41,12,1)), color-stop(71%, rgba(240,47,23,1)), color-stop(100%, rgba(231,56,39,1)));
	background:-webkit-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
	background:-o-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
	background:-ms-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
	background:linear-gradient(to bottom, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
	filter:progid:dXImageTransform.Microsoft.gradient( startcolorstr='#f85032', endcolorstr='#e73827', GradientType=0 );
}

/* 頁次 */	
.page { height:40px; font:15px/24px "微軟正黑體"; color:#333; text-align:center; clear:both; margin:20px 0 50px; }
.page a { background:#016ead; color:#fff; margin:10px 0; padding:2px 1em; border-radius:3px; }
.page a:hover { background:#2ab1ff; color:#fff; }
.page br { display:none; }

/* 底部資訊 */
footer { background:#fff url(../images/footer_bg.png) no-repeat; background-size:cover; min-height:124px; border-top:7px solid #015c91; }
footer .footer { width:95%; max-width:1140px; margin:0 auto; position:relative; min-height:124px; font-size:13px; color:#000; padding-bottom:20px; }
footer .footer .f-logo { float:left; width:242px; margin:30px 57px 0 0; }
footer .footer .f-info { display:inline-block; float:left; padding-top:22px; width:calc(100% - 360px); }
footer .footer .f-info span { display:inline-block; }
footer .footer .f-mid { float:left; width:480px; margin:0 20px 0 0; }
footer .footer .f-mid a { color:#000; }
footer .footer .f-mid a:hover { color:#999; }
footer .footer .f-right { float:left; padding:0; }
footer .footer .wd { position:absolute; bottom:22px; right:0; font-size:13px; color:#777; }
footer .footer .wd a { color:#777; }
footer .footer .wd a:hover { color:#555; }

@media screen and (max-width:840px){
	footer .footer .f-logo { width:100%; }
	footer .footer .f-info { width:calc(100% - 60px); }
}

@media screen and (max-width:640px){
	footer .footer { font-size:15px; line-height:1.6em; }
	footer .footer .f-logo { text-align:center; }
	footer .footer .f-info { float:none; width:100%; }
	footer .footer .f-mid { float:none; width:100%; margin:0; text-align:center; }
	footer .footer .f-right { float:none; text-align:center; }
	footer .footer .f-info span.sepline { display:none; }
	footer .footer .wd { position:relative; bottom:auto; right:auto; width:100%; text-align:center; margin:10px 0; }

}

/* 人才招募 */
.editor{margin-bottom:80px; }