@charset "utf-8";

/** bootstrap **/
@import url(bootstrap.css);

/** 文字icon **/
@import url(font-awesome.min.css);

/** 手機選單 **/
@import url(slicknav.css) screen and (max-width:1024px);

/** font **/
@import url(Montserrat-Noto+Sans+TC.css);

/** float 才需要
.clearfix:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
* html .clearfix{height:1%;}
**/

*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
html{width:100%; height:auto;}
body{background:#ffffff; margin:0; padding:0; width:100%; height:auto; font-size:medium;line-height: 1.6;font-family:"Montserrat", "Noto Sans TC", sans-serif;word-break: break-word;overflow-y: scroll;letter-spacing: 1px;}
a,a:hover{text-decoration:none;transition: all 0.5s ease 0s;cursor: pointer;}
img{border:0; vertical-align:middle; max-width:100%;}
input{vertical-align:middle;border-radius: 0; }
input:focus, select:focus, textarea:focus, button:focus{outline:0;}
/** 取消ios按鈕樣式 **/
input[type="button"], input[type="submit"], input[type="reset"], button[type="button"], button[type="submit"], button[type="reset"], a[type="button"], a[type="submit"], a[type="reset"], textarea{border-radius: 0; -webkit-appearance: none;-moz-appearance: none;appearance: none;}
.slicknav_menu{display:none;}
table{border-collapse:inherit;}
::-webkit-scrollbar {width: 8px;height: 8px;}
::-webkit-scrollbar-track {background: #f0f0f0;}
::-webkit-scrollbar-thumb {background: #f3ac00;}
::-webkit-scrollbar-thumb:hover {background: #f37e00;}

/** 表單預設文字顏色設定 **/
::-webkit-input-placeholder{color:#999999;}
::-moz-placeholder{color:#999999;}
:-ms-input-placeholder{color:#999999;}
input:-moz-placeholder{color:#999999;}
#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;}
#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;}

/** 清除瀏覽器的默認選擇框樣式清除，隱藏拖動箭頭 
select {appearance:none;-moz-appearance:none;-webkit-appearance:none;background:#ffffff url(../images/form-select.png)no-repeat right 10px center;background-size: 10px;}
select::-ms-expand { display: none; }
**/

/** 反白 
::selection {background: #000000;color: #f92828;}
::-moz-selection {background:#000000;color: #f92828;}
**/

/** 手機選單、選單 色塊-變色 **/
.b-color, .slicknav_menu{}
.slicknav_icon-bar{background-color:#222222;}
.b-color>li:hover, .b-color>li>ul>li>a:hover, .slicknav_nav .slicknav_row:hover, .slicknav_nav a:hover{background: linear-gradient(to bottom, #f37e00, #f3ac00);}
.border-color{border-left:7px #A0A0A0 solid;}
.slicknav_nav .slicknav_arrow{font-family:Arial;}

/** 浮動icon **/
.float-icon-main{position: fixed;width: 50px; height: auto;bottom: 8%;right: 10px;z-index: 10000;}
.float-icon{opacity: 0;visibility: hidden;position: absolute;bottom: 0;right: 0;transition: all 0.5s ease 0s;}
.float-icon ul{list-style: none;padding: 0;margin: 0;display: block;}
.float-icon ul li{padding: 0;margin:5px 0;display: block;width: 50px; height: 50px;}
.float-icon ul li a{display: block;width: 50px; height: 50px;background: #888888;padding: 10px;border-radius: 50px;}
.float-icon ul li a:hover{background: #999999;}
.float-icon-slow{opacity: 1;visibility: visible;position: absolute;bottom: 50px;right: 0;transition: all 0.5s ease 0s;}
.float-icon-btn{ display: block;width: 50px;height: 50px;background:#444444; padding: 10px;border-radius: 50px;}
.float-icon-btn:hover{background: #555555;}
.float-icon-btn:after{content: "";display: block;width: 30px; height: 30px;background:url("../images/float-icon-btn.svg")no-repeat center center;background-size: 30px; position: absolute;top: calc(50% - 15px);left: calc(50% - 15px); }
.float-icon-btn-slow{position: relative;}
.float-icon-btn-slow:before{content: "";display: block;width: 70%; height: 3px; background: #ffffff;position: absolute;top: calc(50% - 1.5px);left: 15%;transform: rotateZ(45deg);}
.float-icon-btn-slow:after{content: "";display: block;width: 70%; height: 3px; background: #ffffff;position: absolute;top: calc(50% - 1.5px);left: 15%;transform: rotateZ(-45deg);}
@media screen and (max-width:767px){
	.float-icon-main{width: 44px;}
    .float-icon ul li{width: 44px; height: 44px;}
    .float-icon ul li a{width: 44px; height: 44px;padding: 8px;}
    .float-icon-slow{bottom: 44px;}
    .float-icon-btn{width: 44px;height: 44px;padding: 8px;}
    .float-icon-btn:after{width: 28px; height: 28px;background-size: 28px; top: calc(50% - 14px);left: calc(50% - 14px);}
    .float-icon-btn-slow:after{width: 70%; height: 3px;top: calc(50% - 1.5px);left: 15%;}
}

/** 左邊區塊 **/
.logo{background: #f39c00; height:auto;padding:10px 15px;}
.logo a{display: block;}
.logo img{width:100%; height:auto;filter: brightness(0) invert(1);}
.certificate{font-size: 14px;color: #444444;border: 1px #f39c00 solid;background: #ffffff;padding:10px 15px;text-align: center;}
.certificate span{color: #f39c00;font-weight: 500;display: block;width: 100%;font-size: 18px;}
.line{color: #ffffff;margin: 10px 0;font-size: 18px;font-weight: 500;line-height: 1.4;}
.line a{display: flex;align-items: center;padding:10px 15px; color: #ffffff;background:linear-gradient(to right, #00b900, #24d524);}
.line a i{width: 50px;margin: 0 10px 0 0;}
.line a i img{filter: brightness(0) invert(1);}
.line a .line-dep{flex: 1;}
.line a:hover{display: flex;background:linear-gradient(to right, #24d524, #00b900);}
.menu-left{letter-spacing: .5px;padding: 0;}
.menu-left>ul{list-style: none;padding: 0;margin: 0;}
.menu-left>ul>li{padding: 0;margin:10px 0;width: 100%;font-size: 18px; color: #ffffff;text-align: center;}
.menu-left>ul>li a{display: block;background: linear-gradient(to bottom, #f3ac00, #f37e00);padding: 18px 10px;border: 2px transparent solid;border-image-source: linear-gradient(to top, #f3ac00, #f37e00);border-image-slice: 1;color: #ffffff;}
.menu-left>ul>li a:hover{background: linear-gradient(to bottom, #f37e00, #f3ac00);border-image-source: linear-gradient(to top, #f37e00, #f3ac00);}
@media screen and (max-width:1024px){
    .logo{position: fixed;top: 0;left: 0;z-index: 10000;width: 135px;padding:5px 15px;}
    .certificate{font-size: 13px;position: fixed;top: 0;left: 135px;z-index: 10000;padding:5px 15px;border:0;text-align: left;}
    .certificate span{font-size: 17px;}
    .line{display: none;}
	.menu-left{display: none;}
}
@media screen and (max-width:374px){
    .logo{width: 105px;padding:12px 15px;}
    .certificate{left: 105px;font-size: 12px;padding:7px 10px;letter-spacing: 0;}
    .certificate span{font-size: 16px;}
}

/** 上版 **/
header{}
.head-main{max-width:1280px; margin:0 auto; }
.tool-community{background:#f0f0f0;border-bottom: 1px #a9a79a solid;display: flex;flex-wrap: wrap;justify-content: flex-end;align-items: center;padding: 0 10px;}
.tool {width: auto;}
.tool>ul{list-style:none;padding: 0;margin: 0; display:flex;}
.tool>ul>li{ padding:0px; margin:5px 10px; color:#f39c00; font-size:13px;}
.tool>ul>li a{padding:0 0 0 15px; display:block; color:#f39c00;position: relative;}
.tool>ul>li a:before{content: "";display: block;width: 8px; height: 8px; background: #ffffff;border: 2px #f39c00 solid;border-radius: 20px;position: absolute;top: 6px;left: 0;}
.tool>ul>li a:hover{text-decoration: underline;}
.community{width: auto;}
.community>ul{list-style:none;padding: 0;margin: 0; display:flex;}
.community>ul>li{ padding:0px; margin:5px 5px;width: 36px; height: 36px; color:#ffffff; font-size:12px;}
.community>ul>li a{background:#f39c00; padding:8px; display:flex;align-items: center;justify-content: center; border-radius:50px;}
.community>ul>li:nth-child(1) a{background:linear-gradient(45deg, #ffdd55, #ff543e, #c837ab); }
.community>ul>li:nth-child(1) a:hover{background:linear-gradient(45deg, #f39c00, #f39c00, #f39c00); }
.community>ul>li:nth-child(2) a{background:#3a589e; }
.community>ul>li:nth-child(3) a{background:#00b900; }
.community>ul>li a:hover{background:#f39c00;}
@media screen and (max-width:1024px){
    .tool>ul>li{margin:5px 5px; }
}

/** 主選單與下拉 **/
nav{width: 100%;background: linear-gradient(to bottom, #f3ac00, #f37e00);padding: 0 15px;}
.menu{max-width:1280px; padding:0; list-style:none; position:relative; margin:0 auto; display:flex;justify-content: center;}
.menu>li{font-size: 16px; color: #ffffff;text-align: center; position:relative;cursor:pointer; padding:0; margin:0;}
.menu>li:nth-child(n+6){display: none;}
.menu>li>a{color:#fff; display:block; padding:12px 20px; margin:0;text-shadow: 1px 1px 0 rgba(0,0,0,.2);}
.menu>li>a:hover{background: linear-gradient(to bottom, #f37e00, #f3ac00);}
.menu>li.sub>ul.sub-menu{background:rgba(0,0,0,0.5); display:none; position:static; z-index:999; margin:0; padding:0; 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>li>a{display:block; color:#fff; padding:5px 10px; margin:0;}
.menu>li.sub>ul.sub-menu>li>a:hover{background:#000000;}
@media screen and (max-width:1140px){
	.menu>li>a{padding:12px 15px; }
}
@media screen and (max-width:1024px){
	#menu{display:none;}
	.slicknav_menu{display:block;position: fixed;top: 0;left: 0;width: 100%;z-index: 10000;background: #ffffff;border-bottom: 1px #a9a79a solid;}
}

/** edm輪播 **/
.edm-main{background:#ffffff; max-width:1280px;/* EDM滿版 max-width:100%; */ margin:0 auto; position:relative;}
.edm-main img{vertical-align:middle; width:100%; height:auto; position:absolute;}
.edm{position: relative; margin: 0 auto; top: 0px; left: 0px; width: 1280px; height: 480px; overflow: hidden; visibility: hidden;}
.edm-loading-main{position: absolute; top: 0px; left: 0px;}
.edm-loading{filter: alpha(opacity=70); opacity: 0.7; position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%;}
.edm-loading-photo{position:absolute;display:block;background:url(../images/loading.gif) no-repeat center center;top:0px;left:0px;width:100%;height:100%;}
.edm-photo{cursor: default; position: relative; top: 0px; left: 0px; width: 1280px; height: 480px; overflow: hidden;}
.edm-navigator{width:16px;height:16px;padding: 0 30px;}

/** 配置 **/
.warpper{max-width: 1280px;margin: 0 auto;display: flex;}
.warpper .warpper-left{width: 280px;padding: 15px;border-right: 1px #a9a79a solid;}
.warpper .warpper-right{flex: 1;}
.main{padding: 15px;}
.photo-main{overflow: hidden;}
.photo{background-color:#ffffff;background-position: center center;background-repeat: no-repeat;background-size: contain;transform: scale(1);transition: all 0.5s ease 0s;}
@media screen and (max-width:1024px){
	.warpper .warpper-left{width: auto;padding: 0;border-right: 0;}
    .warpper .warpper-right{width: 100%;padding: 59px 0 0 0 ;margin: 0;}
}

/** 首頁區塊 **/
.i-block-main{padding: 5px 0;}
.i-block{display: flex;flex-wrap: wrap;}
.i-title{padding:10px 34px 10px 10px;margin: 0 0 10px 0;line-height: 1.4;font-size: 18px; font-weight: 500;color: #b63a18;background: linear-gradient(to top, #f3cf85, #fcf5e3);position: relative;}
.i-title:after{content: "";display: block;width: 14px; height: 14px; background: url("../images/icon001.svg")no-repeat right center;position: absolute;right:10px;top: 15px;}
.i-content .i-photo{text-align: center;margin: 0 0 10px 0;}
.i-content .i-photo img{ width: 100%;}
.i-content{width: calc(100%/3 - 20px);margin: 10px;border: 1px #ffc27f solid;background: #fef5e6;padding: 8px;}
.i-content>ul{list-style: none;padding: 0;margin: 0;}
.i-content>ul>li{padding: 0;margin:1px 0;font-size: 14px;color: #c3811d;}
.i-content>ul>li a{display: block;position: relative;color: #c3811d;padding: 0 0 0 18px;}
.i-content>ul>li a:before{content: "";display: block;width: 5px; height: 5px; background: linear-gradient(135deg, #f3afa2, #e54e21);position: absolute;top: 8px;left: 4px;}
.i-content>ul>li a:hover{color: #ff3300;}
@media screen and (max-width:1140px){
    .i-block-main{padding: 10px 0;}
	.i-content{width: calc(100%/3 - 10px);margin: 5px;}
}
@media screen and (max-width:1024px){
    .i-title{font-size: 16px; }
    .i-title:after{width: 12px; height: 12px; background: url("../images/icon001.svg")no-repeat right center;top: 14px;}
}
@media screen and (max-width:767px){
    .i-content{width: calc(100%/2 - 10px);}
}
@media screen and (max-width:575px){
    .i-content{width: 100%;margin: 5px 0;}
}

/** 內頁banner **/
.inside-banner{text-align: center;}
.inside-banner img{width: 100%;}
.inside-banner .banner-title{max-width:1280px; margin:0 auto; padding:0;}
@media screen and (max-width:767px){
	.inside-banner{}
}

/** Breadcrumb **/
.breadcrumb{display:flex; flex-wrap:wrap; width:100%; max-width:1280px; margin:0 auto; padding:0.75rem 1rem 0.75rem 0; list-style:none; background-color:#e9ecef; border-radius:0.25rem;}
.breadcrumb-item{padding-left:0.5rem;}
.breadcrumb-item + .breadcrumb-item::before{display:inline-block; padding-right:0.5rem; color:#6c757d; content:"/";}
.breadcrumb-item a{font-weight:bold; text-decoration:none; color:#4697bf;}
.breadcrumb-item a:hover{color:#007bff; text-decoration:none;}

/** 內頁架構 **/
.content-body{max-width:1280px; margin:0 auto; background:#ffffff; padding:15px 10px;}
.page-title{font-size:24px; color:#ffffff; padding:5px 15px; margin:0 0 25px 0;font-weight: 500; background: linear-gradient(to right, #f3ac00 80%, transparent);line-height: 1.4;}
.page-title02{font-size:20px; color:#DD9933; padding:0; margin:0 0 25px 0;font-weight: 500;line-height: 1.4;}
.page-main{padding:0;color:#222222;}
.page-main a{color:#f37e00;}
.page-main a:hover{text-decoration: underline;}
.font001{padding: 0;color: #f37e00;font-size: 18px;font-weight: 500;margin: 25px 0 15px 0;line-height: 1.4;}
.font002{padding: 0;color: #222222;font-size: 16px;font-weight: 500;margin: 25px 0 15px 0;line-height: 1.4;}
.font003{color: #8b4513;}
.font004{background: linear-gradient(to top, #eeeeee, #e1e1e1);color: #222222;padding: 10px 15px;border: 1px #cccccc solid;border-radius: 5px; text-align: center;font-weight: 500;margin: 0 0 25px 0;}
.font-margin{margin: 0 0 15px 0;}
@media screen and (max-width:1024px){
	.content-body{padding:15px 0;}
    .page-title{font-size:20px;}
    .page-title02{font-size:18px; }
    .font004{font-size: 15px;padding: 10px;}
}

/** 左邊分類 **/
.left-menu-title{background:#e9ecef; text-align:center; font-size:18px; font-weight:bold; padding:8px 0; border-radius:5px 5px 0 0; margin-bottom:3px; border-bottom:2px solid #6d6d6d; color:#525252;}
.in-left-menu{margin: 0 0 25px 0;}
.in-left-menu>ul{margin:0; padding:0; list-style:none;display: flex;flex-wrap: wrap;}
.in-left-menu>ul>li{width: calc(100%/4 - 20px);margin:5px 10px; padding: 0;text-align: center;}
.in-left-menu>ul>li>a{color:#c3811d; display:block; padding:5px 15px;}
.in-left-menu>ul>li>a:hover:not(.current){color: #ff3300;}
.in-left-menu>ul>li>.current{color: #ff3300;}
.in-left-menu>ul>li ul{margin:5px 0 0 30px; padding:0; list-style:square;}
.in-left-menu>ul>li ul li{border-top:1px #CCC dotted; 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{color:#71743D;}
.left-beautify img{width:100%; height:auto; margin-top:0px;}
.m_classLink{display:none;}
@media screen and (max-width:991px){
	.classBox{padding:0;}
	ul.classLink{display:none;}
	.m_classLink{display:block; position:relative; background-color:#ffffff; border:1px solid #c3811d;}
	.m_classLink a.main{display:block; background:none;color:#222222; position:relative; padding:10px 55.59px 10px 10px;}
	.m_classLink a.main i{display:block;background:#c3811d; width:45.59px; height:100%; text-align:center; color:#FFF; line-height:45.59px; position:absolute; right:0; top:0;}
	.m_classLink a.main b{font-weight: 500;}
	.m_classLink ul{display:none; margin:0; padding:0; list-style:none; width:100%; background:#FFF; border:1px solid #c3811d; position:absolute; left:0; top:100%; z-index:99; box-sizing:border-box;}
	.m_classLink ul li{margin:0; padding:0;}
	.m_classLink ul li a{display:block; padding:10px; border-top:1px solid #c3811d; color:#222222;}
	.m_classLink ul li:first-child a{border:none;}
	.m_classLink ul li a:hover{background:#f3f3f3;}
	.m_classLink ul li ul{display:block; margin:0 10px 10px 10px; padding:0; list-style:none; width:calc(100% - 20px); background:#FFF; border:1px solid #c3811d; position:inherit; left:inherit; top:inherit; z-index:999; box-sizing:border-box;}
	.left-menu-title{display:none;}
	.left-beautify{display:none;}
}

/** 一日課程 **/
.one-day{}
.one-day>ul{list-style: none;padding: 0;margin: 0;}
.one-day>ul>li{padding: 0;margin: 0;}
.one-day>ul>li a{display:block;padding: 15px 0;border-bottom: 1px #dddddd solid;}
.one-day>ul>li a:hover{}
.one-day>ul>li h3{padding: 0;margin: 0 0 15px 0;line-height: 1.4;font-weight: 500;font-size: 18px;color: #666600;width: 100%;}
.one-day>ul>li .one-day-content{color: #222222;display: flex;}
.one-day>ul>li .one-day-content .one-day-photo{width: 200px;margin: 0 25px 0 0;}
.one-day>ul>li .one-day-content .one-day-photo img{width:100%;}
.one-day>ul>li .one-day-content .one-day-info{flex: 1;}
.one-day-detail-photo{max-width:100%; margin: 0 auto 25px auto;/*text-align: center;*/}
@media screen and (max-width:1024px){
	.one-day>ul>li h3{font-size: 17px;}
}
@media screen and (max-width:575px){
	.one-day>ul>li .one-day-content{display: block;}
    .one-day>ul>li .one-day-content .one-day-photo{width: 200px;margin: 0 auto 20px auto;}
    .one-day>ul>li .one-day-content .one-day-info{flex: initial;width: 100%;}
}

/** 線上報名按鈕 **/
.register{color:#cecece; font-size:16px; display:flex;justify-content: flex-end; width:100%; text-align:center;margin: 20px 0 0 0;}
.register a{background:#070707; padding:10px 60px 10px 20px; color:#ffffff; font-size:16px; display:flex;justify-content: center;align-items: center; text-align:center;border-radius: 50px;position: relative;min-width: 180px; min-height: 60px;}
.register a i{display: flex;justify-content: center;align-items: center;background: #f37e00 ;width: 42px;height: 42px;border-radius: 50px;padding: 8px;margin:0;position:absolute;top: 9px;right: 10px;transition: all 0.5s ease 0s;}
.register a i img{filter: brightness(0) invert(1);transition: all 0.5s ease 0s;}
.register a:hover i{width: 58px;height: 58px;padding: 12px;right: 1px;top:1px;background: #ffffff;transition: all 0.5s ease 0s;}
.register a:hover i img{filter: brightness(1);transition: all 0.5s ease 0s;}
.register a:hover{background:#f37e00; color:#fff; }
.register a[disable]{cursor:no-drop; color:#cecece;}
.register a[disable]:hover{background-color:#fff; border:1px solid #bbbbbb;}


/** 上課花絮 **/
.album{}
.album>ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;}
.album>ul>li{padding: 0;margin: 10px;width: calc(100%/3 - 20px);}
.album>ul>li a{display: block;}
.album>ul>li a:hover{}
.album>ul>li .photo-main{border: 1px #dddddd solid;}
.album>ul>li .album-content{text-align: center;margin: 10px 0;}
.album>ul>li .album-content h3{padding: 0;margin: 0 0 15px 0;line-height: 1.4;font-weight: 500;font-size: 18px;color: #666600;width: 100%;}
.album>ul>li:hover .photo{transform: scale(1.1);transition: all 0.5s ease 0s;}
@media screen and (max-width:1024px){
	.album>ul>li .album-content h3{font-size: 17px;}
}
@media screen and (max-width:767px){
	.album>ul>li{width: calc(100%/2 - 20px);}
}
@media screen and (max-width:575px){
	.album>ul>li{width: 100%;margin: 10px 0;}
}

/** 上課花絮明細 **/
.album-detail{}
.album-detail>ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;}
.album-detail>ul>li{padding: 0;margin: 5px;width: calc(100%/4 - 10px);}
.album-detail>ul>li a{display: block;}
.album-detail>ul>li a:hover{}
.album-detail>ul>li .photo-main{border: 1px #dddddd solid;}
.album-detail>ul>li .album-detail-content{text-align: center;margin: 10px 0;}
.album-detail>ul>li .album-detail-content h3{padding: 0;margin: 0 0 15px 0;line-height: 1.4;font-weight: 500;font-size: 18px;color: #666600;width: 100%;}
.album-detail>ul>li:hover .photo{transform: scale(1.1);transition: all 0.5s ease 0s;}
@media screen and (max-width:1024px){
	.album-detail>ul>li .album-detail-content h3{font-size: 17px;}
}
@media screen and (max-width:767px){
	.album-detail>ul>li{width: calc(100%/3 - 10px);}
}
@media screen and (max-width:575px){
	.album-detail>ul>li{width: calc(100%/2 - 10px);}
}


/** 最新消息 **/
.news ul{margin:0; padding:0; list-style:none;}
.news ul li{clear:both; border-bottom:1px #E3E3E3 dotted;}
.news ul li a{color:#333; display:flex; align-items:center; padding:8px 10px;}
.news ul li a:hover{background:#f9f9f9;}
.news ul li .news-date{width:100px; color:#b9b9b9; font-size:14px; text-align:center; margin:0 15px 0 0;}
.news ul li .news-content{flex:1; font-size:16px; color:#333;}
.news-detail-date{color:#b9b9b9; padding:10px 0; border-bottom:1px #D7D7D7 dotted;}
@media screen and (max-width:400px){
	.news ul li a{display:block;}
	.news ul li .news-date{width:100%; text-align:left;}
}

/** 產品搜尋 **/
.search{padding:0;}
.search-input{padding:0px 0 10px 0; position:relative; color:#333;}
.search-input img{position:absolute; right:0; top:0px;}
.search input{background:#eeeeee; font-size:16px; color:#333; padding:5px 66px 5px 15px; width:100%; border:0; margin:0; vertical-align:middle; min-height:31px; font-family:"Microsoft JhengHei";}
.search img{vertical-align:middle;}
.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-store-info{font-size:16px; color:#666; padding:10px; margin-bottom:20px;}
.pro-list ul{max-width:1280px; margin:0 auto; padding:0; list-style:none; display:flex; flex-wrap:wrap;}
.pro-list ul li{width:25%; margin:0; padding:10px; text-align:center;}
.pro-list ul li:hover{background:#f8f6f6;}
.pro-list ul li h4{font-size:16px; color:#504f4d; line-height:1.5em; font-weight:normal; padding:5px 0 5px 0; margin:0;}
.pro-list ul li .pro-store{color:#938c83; padding:10px 0 0px 0; display:block; text-decoration:line-through;}
.pro-list ul li .pro-price{color:#b83400; font-size:20px; padding:5px; display:block;}
@media screen and (max-width:767px){
	.pro-list ul li{width:33.3333%;}
}
@media screen and (max-width:575px){
	.pro-list ul li{width:50%; padding:5px;}
}

/** 產品明細 **/
.pro-detaile-title{font-size:18px; color:#333; padding:5px; margin:0 0 10px 0; font-weight:normal;}
.pro-detaile-box{display:flex; flex-wrap:wrap; margin:0 0 15px 0;}
.pro-detaile-photo-box{width:calc(50% - 25px); margin:0 25px 0 0;}
.pro-detaile-spe-box{width:50%; position:relative; padding-bottom:210px;}
.pro-detaile .pro-photo-box{background:#fff; width:100%; margin:0; padding:0;}
.pro-detaile .pro-photo-box img{width:100%; height:auto;}
.pro-list-time{background:url(../images/time.png) left center no-repeat; font-size:12px; color:#968c69; padding-left:20px;}
.pro-specification{font-size:16px; color:#333; position:relative;}
.cart-info{position:absolute; width:100%; bottom:0;}
.cart-info .price{font-size:22px; font-weight:bold; color:#F00; vertical-align:middle; display:block; text-align:right;}
.cart-info .price.origin{font-size:smaller; color:#666; text-decoration:line-through;}
.cart-info .price.special{font-size:smaller; color:#000;}
h3.pro-introduce{background:#999; font-weight:normal; border-left:5px #111111 solid; padding:8px 10px; font-size:20px; color:#fff; margin:25px 0 15px 0;}
.pro-content{padding:0px 0; font-size:16px; color:#333; clear:both;}
@media screen and (max-width:767px){
	.pro-detaile-box{display:block;}
	.pro-detaile-photo-box{width:100%; margin:0 0 15px 0;}
	.pro-detaile-spe-box{width:100%; padding-bottom:0;}
	.cart-info{position:inherit; bottom:inherit;}
}

/** 產品明細圖片特效 **/
.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; 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%; 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%;}
.cross-link{display:block; margin-top:0px; position:relative; padding-top:0px;}
.active-thumb{}
.panel{width:25%;}
@media screen and (max-width:370px){
	.stripViewer .panelContainer .wrapper{height:323px;}
	#movers-row div a.cross-link{height:77px;}
}

/* 產品明細-加入購物車動態視窗 */
.addcart-box .modal-title{}
.addcart-box .price.member{color:#9e0c36; font-weight:bold;}
.addcart-box .spec-title{padding:10px 0;}
.addcart-box ul.specs li{display:inline-block; width:auto; margin:0 5px 20px 0; padding:5px; border:2px solid #333; border-radius:5px; cursor:pointer;}
.addcart-box ul.specs li[disable],.addcart-box ul.specs li.current[disable]{background-color:#fff; color:#ccc; border-color:#ccc;}
.addcart-box ul.specs li.current{background-color:#d63b68; color:#fff;}
             ul.specs {margin-left:0; padding-left:0;}
.input-group-text{height: 100%;}

/** 購物車按鈕 **/
.add-to-cart{color:#cecece; font-size:16px; display:block; width:100%; text-align:center;}
.add-to-cart a{background:#ffffff; padding:5px 8px; color:#333333; font-size:16px; display:block; border:1px #bbbbbb solid; width:100%; text-align:center;}
.add-to-cart a:hover{background:#ffbe00; color:#fff; border:1px solid #ffbe00;}
.add-to-cart a[disable]{cursor:no-drop; color:#cecece;}
.add-to-cart a[disable]:hover{background-color:#fff; border:1px solid #bbbbbb;}

/** 購買數量 **/
.cart-info .qtynspec{display:flex; flex-wrap:wrap;}
.cart-info .quantity{display:flex; justify-content:flex-end; align-items:center; width:100%; font-size:16px; color:#333; padding:7px 0;}
.cart-info .quantity-title{font-size:16px; color:#333; min-width:32px; margin:0 10px 0 0;}

/** 購買數量增減模組 **/
.qtyInputBox{display:inline-table; vertical-align:middle; height:30px; width:auto;}
.qtyInputBox .input-group-btn, .qtyInputBox input{display:table-cell; position:relative; float:left; top:0;}
.qtyInputBox .input-group-btn button{display:block; width:30px; height:30px; margin:0; padding:0; vertical-align:middle; border:1px solid #ccc; border-radius:3px 0 0 3px; overflow:hidden;}
.qtyInputBox .input-group-btn:last-child button{border-radius:0 3px 3px 0;}
.qtyInputBox button i{display:block; width:100%; height:100%; margin:0; padding:0; line-height:30px; background-color:#fff;}
.qtyInputBox button i:hover{background-color:#eee;}
.qtyInputBox input{margin-bottom:0; width:calc(100% - 60px); height:30px; line-height:30px; border:0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; vertical-align:middle; padding:0 5px; text-align:center;}
.qtyInputBox button:focus, input:focus{outline:0;}

/** 購買尺寸 **/
.size{margin:0; padding:7px 0; border-bottom:1px #DFDFDF solid; border-top:1px #DFDFDF solid; display:flex; align-items:center;}
.size-title{font-size:16px; color:#333; min-width:32px; margin:0 10px 0 0;}
.size ul{list-style:none; margin:0 auto; padding:0; flex:1; display:flex; flex-wrap:wrap;}
.size ul li{background:#aaaaaa; font-size:12px; color:#ffffff; margin:2px 5px 2px 0; padding:2px; cursor:pointer; min-width:25px; width:25px; text-align:center;}
.size ul li:hover{background:#000;}
.size ul li.active{background:#000;}
.size ul li.none{background:#E7E7E7;}
.size ul li.title{background:none; font-size:16px; color:#575757; width:auto;}

/** 購買規格 **/
.specification{margin:0; padding:7px 0; display:flex; justify-content:flex-end; align-items:center; width:100%;}
.specification-title{font-size:16px; color:#333; min-width:32px; margin:0 10px 0 auto;}
.specification select{min-height:30px; border:1px #ccc solid; max-width:calc(100% - 32px);}

/** 相片集 **/
/* PhotoSwipe Repository */
.my-gallery figure{margin:0 0 20px; padding:0 5px 5px;}
.my-gallery figcaption{text-align:center; padding:5px 0; font-size:16px;}
.my-gallery .pro-photo{display:flex; align-items:center; justify-content:center;}

/** FAQ **/
.faq>ul{margin:0; padding:0 5px; list-style:none;}
.faq>ul>li{border-bottom:1px #fff solid; font-size:16px;}
.faq>ul>li .qa_title{background:#ffffff; font-weight:normal; border-left:8px #9c9c9c solid;position: relative;}
.faq>ul>li .qa_title:before{content: "";display: block;width: 2px; height: 16px;background: #222222;position: absolute;top: 15px;right: 17px;}
.faq>ul>li .qa_title:after{content: "";display: block;width: 16px; height: 2px;background: #222222;position: absolute;top: 22px;right: 10px;}
.faq>ul>li .qa_title a{color:#555555; display:block; padding:10px 0 10px 10px;}
.faq>ul>li .qa_title a:hover{background:#dbdbdb;}
.qa_title_on{position: relative;}
.qa_title_on:before{transform: rotateZ(45deg);}
.qa_title_on:after{transform: rotateZ(45deg);}
.faq>ul>li .qa_content{border-top:1px #CCC dotted; padding:10px; font-size:16px; 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 5px 0 0; -moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;}
.opacl a:hover{background:#333;}
.faq>ul>li .qa_content .close_qa{font-size:12px; color:#999; text-align:right;}
.faq>ul>li .qa_content .close_qa a{color:#999;}
.faq>ul>li .qa_content .close_qa a:hover{color:#666; background:none;}

/** 聯絡我們 **/
.contact-body{}
.contact-note{padding:10px 0; font-weight:bold; font-size:16px; color:#900;}

/** 表單欄位 **/
label{margin-bottom: 0;min-width: 100px;}
.form-box input, .form-box img{vertical-align:middle;}
.opinion-main{display:flex; flex-wrap:wrap; margin:0;}
.opinion{flex: 1; display:flex; flex-wrap:wrap; margin:0;padding:10px;border-bottom: 1px #cccccc dashed;}
.opinion-left01{width:100%; padding:8px 10px; font-size:16px;  color:#222222; display:flex; align-items:center;}
.input-main-style01{background:#f9f9f9; flex:1; width:100%; border:0; margin:0; padding:8px 15px; font-size:16px; color:#222222;min-height:41px;}
.input-main-style02{background:#f9f9f9; flex:1; width:100%; border:0; margin:0; padding:8px 15px; font-size:16px; color:#222222;min-height:41px;}
.input-main-style03{background:#f9f9f9; width:100%; border:0; margin:5px 0 0 0; padding:8px 15px; font-size:16px; color:#222222;min-height:41px;}
.input-main-select{background:none; flex:1; width:100%; border:0; margin:0; padding:0; font-size:16px; color:#222222; display:flex; flex-wrap:wrap;}
.input-main-select select{background:#f9f9f9; flex: 1; margin:0; padding:8px 15px; border:0; font-size:16px; color:#222222; min-height:41px;}
.select-style{background:#8a6e0c; font-size:16px; color:#ffffff; line-height:20px; padding:5px 10px; border:0;}
.input-style01{background:#ffffff; flex:1; width:100%; border:0; margin:0; padding:8px 15px; font-size:16px; color:#222222; min-height:41px;}
input:disabled{background-color:#eeeeee; color:#641886; cursor:no-drop;}
.btn.openlink{margin:3px 0; padding:0 10px; text-align:center; font-size:16px;font-weight:bold; background-color:#2d7fb9; color:#fff; border-radius:5px;}
.btn.openlink:hover{background-color:#ffbe00;}
img.code{width:100px; height:41px; margin:0; vertical-align:middle; display:inline-block;}
.pay-main{padding:0;font-size: 16px; color: #222222;border-radius:0;margin: 15px 0 ;}
.input-main-style01:focus,.input-main-style02:focus,.input-main-style03:focus,.input-main-select select:focus{background: #ffffff; box-shadow: 0 0 15px 0 rgba(0,0,0,.2);}
@media screen and (max-width:767px){
    .opinion-main{display:block;}
	.opinion{display:block;width: 100%;padding:10px 5px;}
	.opinion-left01{width:100%;padding: 5px 10px;}
	.input-main-style02{width:calc(100% - 106px); display:inline-block;}
}

/** 按鈕 **/
.cart-btn{padding:0; text-align:center; margin-top:20px; display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.btn-send{font-size:13px;}
a.btn-send{background: linear-gradient(to bottom, #f3ac00, #f37e00); padding:8px 25px; text-align:center; font-size:16px; color:#ffffff; margin:5px; border-radius:0px;}
a.btn-send:hover{background: linear-gradient(to bottom, #f37e00, #f3ac00);}
a.btn-reset{background:#999999; padding:8px 25px; text-align:center; font-size:16px; color:#ffffff;margin:5px; border-radius:0px;}
a.btn-reset:hover{background:#333333;}
a.btn-send-over{background:#7ea2c5; padding:8px 20px; text-align:center; font-size:16px; color:#fff; margin:6px; border-radius:0px; }
a.btn-send-over:hover{background:#96b9dc; border:2px solid #96b9dc;}
a.btn-forget{padding:6px 0; font-size:14px; color:#ea4242; margin:5px; border-radius:0px;}
a.btn-forget:hover{text-decoration: underline;}
@media screen and (max-width:767px){
	a.btn-send{padding:6px 10px; width:calc(50% - 10px);}
	a.btn-reset{padding:6px 10px; width:calc(50% - 10px);}
	a.btn-send-over{padding:6px 10px; width:calc(50% - 10px);}
}

/** 送出訊息 **/
.jump-window-box{max-width:500px; margin:0 auto; border:1px #ccc solid; padding:20px; border-radius:5px;}

/** 訂單列表 **/
.order-list ul{list-style:none; padding:0; margin:0;}
.order-list ul li{padding:8px 5px; margin:0;}
.order-list ul li .order-list-content{text-align:center; margin:0;}
.order-list ul li:first-of-type{border-bottom:0; padding:8px 5px;}
.order-list ul li:first-of-type .order-list-content{font-size:16px; text-align:center;}
.order-list ul li:first-of-type .order-list-content b{display:block; background-color:#f4f8fb; line-height:2; border-radius:5px;}
.order-list .order_number{font-size:16px; color:#333;}
.order-list .order_date{font-size:16px; color:#333;}
.order-list .order_total{font-size:16px; color:#333;}
.order-list .order_status{font-size:16px; color:#333;}
.order-list .order_details{font-size:16px; color:#333;}
.order-list .order_details a{display:block; color:#666; padding:3px 10px; line-height:1.5em;}
.order-list ul li:hover{background-color:#f4f8fb;}
.order-list ul li:hover .order_details a{color:#c72729;}
.oproject{display:none;}
.oproject-content{flex:1;}
@media screen and (max-width:767px){
	.order-list ul li .order-list-content{padding:5px 0;}
	.order-list ul li:first-of-type{display:none;}
	.oproject{display:inline-block; color:#000; width:100px; margin:0;}
	.oproject-content{width:100%; max-width:100%; text-align:left;}
}

/** 訂單明細 **/
.order-detail{font-size:16px; color:#333; margin:0 0 20px 0;}
.order-detail h3{color:#990000; font-size:18px; padding:0; margin:25px 0 10px 0;}
.order-numbering{color:#2d7fb9; font-size:18px;}

/** 訂單&購物車配置網格 **/
.o-col-sm, .o-col-sm-1, .o-col-sm-10, .o-col-sm-11, .o-col-sm-12, .o-col-sm-2, .o-col-sm-3, .o-col-sm-4, .o-col-sm-5, .o-col-sm-6, .o-col-sm-7, .o-col-sm-8, .o-col-sm-9, .o-col-sm-auto{position:relative; width:100%; min-height:1px; padding-right:15px; padding-left:15px;}
.o-col-sm{-ms-flex-preferred-size:0; flex-basis:0; -ms-flex-positive:1; flex-grow:1; max-width:100%;}
.o-col-sm-auto{-ms-flex:0 0 auto; flex:0 0 auto; width:auto; max-width:none;}
.o-col-sm-1{-ms-flex:0 0 8.333333%; flex:0 0 8.333333%; max-width:8.333333%;}
.o-col-sm-2{-ms-flex:0 0 16.666667%; flex:0 0 16.666667%; max-width:16.666667%;}
.o-col-sm-3{-ms-flex:0 0 25%; flex:0 0 25%; max-width:25%;}
.o-col-sm-4{-ms-flex:0 0 33.333333%; flex:0 0 33.333333%; max-width:33.333333%;}
.o-col-sm-5{-ms-flex:0 0 41.666667%; flex:0 0 41.666667%; max-width:41.666667%;}
.o-col-sm-6{-ms-flex:0 0 50%; flex:0 0 50%; max-width:50%;}
.o-col-sm-7{-ms-flex:0 0 58.333333%; flex:0 0 58.333333%; max-width:58.333333%;}
.o-col-sm-8{-ms-flex:0 0 66.666667%; flex:0 0 66.666667%; max-width:66.666667%;}
.o-col-sm-9{-ms-flex:0 0 75%; flex:0 0 75%; max-width:75%;}
.o-col-sm-10{-ms-flex:0 0 83.333333%; flex:0 0 83.333333%; max-width:83.333333%;}
.o-col-sm-11{-ms-flex:0 0 91.666667%; flex:0 0 91.666667%; max-width:91.666667%;}
.o-col-sm-12{-ms-flex:0 0 100%; flex:0 0 100%; max-width:100%;}
@media screen and (max-width:767px){
	.o-col-sm, .o-col-sm-1, .o-col-sm-10, .o-col-sm-11, .o-col-sm-12, .o-col-sm-2, .o-col-sm-3, .o-col-sm-4, .o-col-sm-5, .o-col-sm-6, .o-col-sm-7, .o-col-sm-8, .o-col-sm-9, .o-col-sm-auto{width:100%; max-width:100%; flex:inherit;}
}

/** step **/
.steps{text-align:center; padding:30px 0;}
.steps .step{display:inline-block; width:240px; max-width:33%; text-align:center; margin:0 -2px;}
.steps .step span{display:block; font-weight:bold;}
.steps .step span.badge{position:relative; height:30px; line-height:30px; text-align:center;}
.steps .step span.badge .text{position:absolute; left:calc(50% - 15px); font-size:18px; font-family:Arial; color:#fff; background-color:#d9d9d9; display:inline-block; width:30px; height:30px; line-height:30px; border-radius:50%; z-index:1;}
.steps .step.active span.badge .text{color:#fff; background-color:#000;}
.steps .step span.badge:before{content:""; position:absolute; background-color:#d9d9d9; width:100%; height:2px; top:50%; left:0; margin-top:-1px; z-index:0;}
.steps .step:first-child .badge::before{width:50%; left:50%;}
.steps .step:last-child .badge::before{width:50%; right:50%;}

/** 購物車第一步驟 **/
.shopping-car{margin:0 0 40px; padding:10px 0;}
.shopping-car ul{list-style:none; padding:0; margin:0;}
.shopping-car ul li{padding:12px 5px; margin:0;}
.shopping-car ul li .shopping-car-content{margin:0;}
.shopping-car ul li:first-of-type{border-bottom:0; padding:8px 5px;}
.shopping-car ul li:first-of-type .shopping-car-content{font-size:16px; text-align:center;}
.shopping-car ul li:first-of-type .shopping-car-content b{display:block; background-color:#f4f8fb; line-height:2; border-radius:5px;}
.shopping-car .shop-car-info{display:flex; font-size:16px; vertical-align:middle; text-align:left; align-items:center;}
.shopping-car .shop-car-info a.pro-photo{width:60px; margin:0 15px 0 0;}
.shopping-car .shop-car-info .description{font-size:16px; margin:0px; color:#000; flex:1; width:100%; text-align:left;}
.shopping-car .shop-car-info .description .shop-car-info-title{font-size:16px; font-weight:bold;}
.shopping-car .shop-car-info .description .spec{font-size:13px; color:#666;}
.shopping-car .shop-car-info-add{display:flex; font-size:16px; vertical-align:middle; text-align:left; align-items:center;}
.shopping-car .shop-car-info-add a.pro-photo{width:60px; margin:0 15px 0 0;}
.shopping-car .shop-car-info-add .description{font-size:16px; margin:0px; color:#000; flex:1; width:100%; text-align:left;}
.shopping-car .shop-car-info-add .description .shop-car-info-title{font-size:16px; font-weight:bold;}
.shopping-car .shop-car-info-add .description .spec{font-size:13px; color:#666;}
.shopping-car .shop-car-price{display:block; height:100%; font-size:16px; color:#333; text-align:center;}
.shopping-car .shop-car-price .original-price{display:block; font-size:12px; text-decoration:line-through; color:#999;}
.shopping-car .shop-car-quantity{display:block; font-size:16px; text-align:center;}
.shopping-car .shop-car-subtotal{display:block; font-size:16px; color:#900; text-align:center;}
.shopping-car .shop-car-del{display:block; font-size:16px; vertical-align:middle; text-align:center;}
.shopping-car .shop-car-del a{color:#333; padding:5px 10px;}
.shopping-car .shop-car-del a:hover{color:#f00;}
.shopping-car ul li.addcontainer{background-color:#eee; padding:15px ;}
.shopping-car ul li.addcontainer h1{background-color:#4697bf; margin:0 0 5px; padding:5px 10px; font-size:16px; line-height:1.2em; color:#fff; border-radius:3px;}
.shopping-car ul li.addcontainer b{color:#000;}
.shopping-car ul li.addcontainer .shop-car-img img.pro-photo{margin:0 15px 0 0; width:90px; height:90px; padding:10px; border:1px #ccc solid;}
.shopping-car ul li.addcontainer .addc-price{font-size:18px; font-weight:bold; color:#f00; margin:0 3px;}
@media screen and (max-width:767px){
	.shopping-car ul li .shopping-car-content{padding:5px 0;}
	.shopping-car ul li:first-of-type{display:none;}
	.shopping-car .shop-car-price{text-align:right;}
	.shopping-car .shop-car-quantity{text-align:left; flex:1; order:1;}
	.shopping-car .shop-car-subtotal{text-align:right; flex:1; order:3; font-weight:bold; font-size:18px;}
	.shopping-car .shop-car-del{width:50px; order:2;}
    .shopping-car .shop-car-info-add{flex: initial;}
}

/** 總計 **/
.checkout-cart-summary{padding:10px 0;}
.checkout-cart-summary .subtotal{font-size:16px; color:#333; padding:5px; margin:0;}
.checkout-cart-summary .subtotal-name{font-weight:bold; text-align:left;}
.checkout-cart-summary .subtotal-name .subtotal-quantity{font-weight:bold;}
.checkout-cart-summary .subtotal-content{text-align:right;}
.checkout-cart-summary .subtotal-content input{height: 28px;padding: 0px 5px;width: calc(100% - 25px);border: 1px #cccccc solid;}
.checkout-cart-summary .total{display:flex; flex-wrap:wrap; font-size:16px; color:#333; border-top:1px #ccc solid; padding:5px; margin:10px 0 0 0;}
.checkout-cart-summary .toc{font-weight:bold; color:#900; font-size:18px;}
.discountCoupon{position:relative;}
.discountCoupon span{content:"X"; display:inline-block; background-color:#e4e4e4; width:26px; height:26px; margin:0; position:absolute; right:16px; top:1px; font-size:12px; line-height:26px; text-align:center; cursor:pointer;}
.checkout-cart-summary .discountCoupon input{padding: 0 33px 0 5px;width: 100%;}
@media screen and (max-width:767px){
	.checkout-cart-summary .subtotal-name{padding:0;}
	.checkout-cart-summary .subtotal-content{padding:0;}
    .discountCoupon span{right:1px;}
}

/** 購物車第二步驟 **/
.section-body{margin:0 0 20px 0;}
.shopping-list-more{background-color:#e9ecef; font-size:18px; text-align:center; padding:10px 0; display:block; width:100%; cursor:pointer; border-radius:5px; overflow:hidden;}
.shopping-list-more i.fa.fa-question-circle{margin-left:5px; font-size:24px; color:#2d7fb9;}
.shopping-list-more:hover i.fa.fa-question-circle{color:#ffbe00;}
.shopping-list-more:hover{background-color:#e9ecef;}
.shopping-list-more .shopping-car{margin:20px 0 0 0;}
.shopping-list-toc{text-align:center; font-weight:bold; color:#900; font-size:18px;}

/** 頁次 **/
.page{font-size: 14px; color:#222222; text-align:center; clear:both; margin:40px 0 0 0;padding:0;display: flex;align-items: center; justify-content: center;}
.page a{background:#222222; color:#ffffff; padding:5px 15px;display: inline-block;margin: 8px;border-radius: 5px;}
.page a:hover{background:#f37e00; color:#fff;}
.page br{display:none;}
@media screen and (max-width:767px){
	.page {display:block;}
	.page br{display:block;}
}

/** 下版 **/
footer{background:#f0f0f0;border-top: 1px #a9a79a solid;padding: 0 15px;}
footer .footer{max-width:1280px; margin:0 auto; text-align:center; padding:10px 0;}
footer .footer a{color:#666666;}
footer .footer a:hover{color: #f37e00;}
footer .footer .f-contact{color:#666666; font-size:14px;}
footer .footer .copytight{color:#666666; font-size:12px; text-transform:uppercase;margin: 5px 0 0 0;letter-spacing: 0px;}
footer .footer .copytight span{color:#666666;padding: 0 0 0 10px;}
footer .footer .copytight span a{display: inline-block;color:#666666;}
footer .footer .copytight span a:hover{color: #f37e00;}
@media screen and (max-width:575px){
	footer .footer .copytight span{padding: 0;width: 100%;}
    footer .footer .copytight span a{display:block;}
}

/** top **/
#scrollUp {width: 55px;height: 30px; bottom: 0px;right: 0px;font-size: 12px ;text-transform: uppercase;color: #ffffff;z-index: 1;letter-spacing: 0px;text-align: center;padding: 13px 0 0 0;}
#scrollUp:after{content: "";display: block;width: 0;height: 0;border-style: solid;border-width: 0 27.5px 30px 27.5px;border-color: transparent transparent #f37e00 transparent;position: absolute;bottom: 0;right: 0;z-index: -1;}