@charset "utf-8";

/* ---------------------------------------------------------------------------------------
 * common
--------------------------------------------------------------------------------------- */

	body.pushy-open-right #wrapper { overflow-y: hidden; height: 100vh; }

	/* pd 列表 共通格式 */
	.pd-list .tags-info { display: flex; justify-content: space-between; margin: 5px -15px; padding: 5px 15px; background: #ffefe7; }
	.pd-list .price,
	.pd-list .times { font-size: 18px; color: #ba8933; }
	.pd-list .price small,
	.pd-list .times small { font-size: 14px; color: #666; }
	.pd-list .spec-box { position: relative; text-align: left; }
	.pd-list .spec-box:after { content: ''; display: block; clear: both; }
	.pd-list .spec-box dl.dl-horizontal { position: relative; margin: 0; padding: 5px 0; font-size: 14px; vertical-align: top; border-bottom: 1px solid #dedede; }
	.pd-list .spec-box dl.dl-horizontal:last-child { border-bottom: 0; }
	.pd-list .spec-box dl.dl-horizontal dt { width: 80px; font-weight: normal; text-align: left; float: left; }
	.pd-list .spec-box dl.dl-horizontal dd { margin-left: 90px; }
	.pd-list .spec-box dl.dl-horizontal dd:nth-of-type(odd) { padding-right: 10px; }
	.pd-list .spec-box dl.dl-horizontal { display: block; vertical-align: top; }

	.pd-wrapper.pd-list .spec-box { display: flex; flex-wrap: wrap; }
	.pd-wrapper.pd-list .spec-box dl.dl-horizontal { flex: 0 0 100%; }
	.pd-wrapper.pd-list .spec-box dl.dl-horizontal dt { width: 60px; }
	.pd-wrapper.pd-list .spec-box dl.dl-horizontal dd { margin-left: 70px; }
	
	.pd-grid .tags-info { display: flex; flex-wrap: wrap; flex-direction: column;  margin: 5px -15px; padding: 5px 15px; background: #ffefe7; }
	.pd-grid .price,
	.pd-grid .times { font-size: 18px; color: #ba8933; }
	.pd-grid .price small,
	.pd-grid .times small { font-size: 14px; color: #666; }

	.pd-wrapper.pd-grid .spec-box dl.dl-horizontal { display: flex; flex: 0 0 100%; margin: 0; padding: 5px 0; font-size: 14px; vertical-align: top; border-bottom: 1px solid #dedede; }
	.pd-wrapper.pd-grid .spec-box dl.dl-horizontal:last-child { border-bottom: 0; }
	.pd-wrapper.pd-grid .spec-box dl.dl-horizontal dt { float: none; margin: 0; flex: 0 0 70px; text-align: left; }
	.pd-wrapper.pd-grid .spec-box dl.dl-horizontal dd { float: none; margin: 0; flex: 1 1 auto; }

	
	.pd-list .pd-list-btn { border: 1px solid #fff; margin-top: 15px; border-radius: 0; text-align: center; color: #444; width: 100%; padding: 5px 10px; background-color: #eee; display: block; }
	.pd-list .pd-list-btn:hover { background-color: #ba8933; color: #fff; text-decoration: none; }
	.pd-list .pd-list-btn.add-done-btn { border: 1px solid #eee; border-radius: 0; text-align: center; color: #fff; width: 100%; padding: 5px 10px; background-color: #d40208; display: block; }
	.pd-list .pd-list-btn.add-done-btn:hover { background-color: #b50e12; color: #fff; border-color: #b50e12; text-decoration: none; }
	.pd-list-btn-wrap .add-btn { background-color: #e2e2e2;}

	.pd-grid .pd-list-btn { border: 1px solid #eee; border-radius: 0; text-align: center; color: #444; width: 100%; padding: 5px 10px; background-color: #eee; display: block; }
	.pd-grid .pd-list-btn:hover { background-color: #ba8933; color: #fff; border-color: #ba8933; text-decoration: none; }
	.pd-grid .pd-list-btn.add-done-btn { border: 1px solid #eee; border-radius: 0; text-align: center; color: #fff; width: 100%; padding: 5px 10px; background-color: #d40208; display: block; }
	.pd-grid .pd-list-btn.add-done-btn:hover { background-color: #b50e12; color: #fff; border-color: #b50e12; text-decoration: none; }
	.pd-grid .pd-list-btn-wrap { display: flex; flex-wrap: wrap; }
	.pd-grid .pd-list-btn-wrap .add-btn { margin-bottom: 2px; background-color: #e2e2e2;}
	.pd-grid .pd-list-btn-wrap .pd-list-btn { display: block; }
	.pd-grid .flip-container, .pd-grid .front, .pd-grid .back { width: 100%; height: auto; }
	.pd-grid .flip-container .flipper { padding-top: 100%; }

	/* fck */
	.fck { overflow-x: auto;}
	.fck * { color: inherit; }
	.fck,.fck p, .fck blockquote { color: #444; line-height: 1.8; font-size: 15px; }
	.fck p{ margin:1em 0;}
	.fck hr{border: 0px;    border-top: 1px solid #ccc; margin:0.5em 0; }
	.fck .marker {   background-color: Yellow; }
	.fck em { font-style: italic; font-size: inherit;}
	.fck b,.fck strong, .fck b>*,.fck strong>* { font-weight: bold;font-size: inherit; }
	.fck a{ text-decoration:underline; color: #337ab7; }
	.fck h1, .fck h2, .fck h3, .fck h4, .fck h5, .fck h6 { font-weight: normal; line-height: 1.5em; }
	.fck h1 { font-size: 2.4em; margin:0.67em 0; }
	.fck h2 { font-size: 1.8em;margin: 0.83em 0; }
	.fck h3 { font-size: 1.4em; margin:1em 0; }
	.fck ins { text-decoration: underline; }
	.fck pre { white-space: pre-wrap; word-wrap: break-word; tab-size: 4;margin: 1em 0px;font-family: monospace; }
	.fck blockquote{ padding-left: 20px; padding-right: 8px; border-left-width: 5px; border:none; border-left:3px solid #ccc; margin:1em 40px; display:table-cell; }
	.fck img { max-width:100%!important; height:auto!important; margin-bottom:10px; }
	.fck ul, .fck ol { padding-left:1.5em; }
	.fck ul>li {  list-style-type: disc; display: list-item;  }
	.fck ol>li {     list-style-type: cjk-ideographic; display: list-item; }
	.fck ol ol>li { list-style-type: decimal; }
	.fck ol ol ol>li { list-style-type: upper-latin; }
	.fck table { border-collapse: collapse; }
	.fck table tr td[align="left"],
	.fck table tr th[align="left"] { text-align: left; }
	.fck table tr td[align="center"],
	.fck table tr th[align="center"] { text-align: center; }
	.fck table tr td[align="right"],
	.fck table tr th[align="right"] { text-align: right; }
	.fck table ,
	.fck table tr td,
	.fck table tr th,
	.fck table tr { border: none; background-color: transparent; }
	.fck table { border: 1px solid #ccc; }
	.fck table tr td,
	.fck table tr th {
	    padding: 3px 8px;
	    border-right: 1px solid #ccc;
	    border-bottom: 1px solid #ccc;
	}
	.fck table tr:nth-child(even) th, .fck table tr:nth-child(even) td {
	    background: #eee;
	}
	.fck table[border="0"],
	.fck table[border="0"] tr td,
	.fck table[border="0"] tr th {
	    padding: 3px 8px;
	    border: none
	}
	.fck table[border="0"] tr:nth-child(even) th, .fck table[border="0"] tr:nth-child(even) td {
	    background: transparent;
	}
	@media (max-width:767px) {
	     .fck table { width:100%!important; }
	     .fck table[border="0"] tr td,
		.fck table[border="0"] tr th { display: block; width: 100%; }
	}

	/* video */
	.video-container {
	    position: relative;
	    padding-bottom: 56.25%;
	    padding-top: 30px; height: 0; overflow: hidden;
	}
	.video-container iframe,
	.video-container object,
	.video-container embed {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	}


	@media (max-width:767px) { 
		.pd-list .spec-box dl.dl-horizontal:nth-child(even) { padding-left: 5px; }
		.pd-list .spec-box dl.dl-horizontal { font-size: 13px; }
	}

	/* main padding 整合 */
	.pagination-box, .news-timeline, .signup { margin: 0; }
	#main { padding: 30px 0; }
	#main.home-wrap { padding: 0; }
	@media (max-width:767px) {
		#main { padding: 15px 0; }
	}

	/* slick修正 load時 */
	.pd-slick1 { visibility: hidden; }
	.slick-initialized { visibility: visible; }

	.base-btn {
		display: inline-block;
		font: 400 16px/45px 'Montserrat', 'Noto Sans TC', "Microsoft JhengHei", sans-serif;
		color: #fff!important;
		text-align: center;
		height: 45px;
		padding: 0 20px;
        margin: auto;
		min-width: 192px;
		max-width: 100%;
		border: 0;
        border-radius: 4px;
		background-color: #ba8933;
		text-decoration: none;
	}

	.base-btn:hover {
		text-decoration: none;
        opacity: 0.8;
	}

	.base-linear {
		background: #ba8933;
	    /*background-image: linear-gradient(0deg, #ba8933 0%, #e2b567 100%);*/
	}
	.base-linear.add-done-btn { border: 1px solid #d40208; border-radius: 0; text-align: center; color: #fff; background-color: #d40208; }
	.total-price { font-size: 15px; display: inline-block; vertical-align: middle; }
	.back-btn i { font-size: 22px; vertical-align:middle; margin-top: -2px; }
	.back-btn span { display: inline-block; vertical-align:middle; }
	.back-btn { color: #444; }

	/* baseMenu */
	#baseMenu li .arr { display: none; }
	#baseMenu li { position: relative; }
	#baseMenu li.active>a { color: #ba8933; }
	#baseMenu li.hasdropdown.active .arr:before { content: '-'; }
	#baseMenu li.hasdropdown .arr { 
		display: inline-block; 
		position: absolute;
		right: 0;
		top: 0;
	}
	#baseMenu li.hasdropdown .arr:before { 
		display: block;
		content: '+';
		text-align: center;
		line-height: 34px;
		width: 34px;
		height: 34px;
		font-size: 15px;
	}
	#baseMenu li.hasdropdown .arr:hover:before { background-color: #ddd; }

	/*loading*/
	.preloader {
	  position: fixed;
	  z-index: 999999999;
	  top: 0;
	  left: 0;
	  bottom: 0;
	  width: 100%;
	  background: #353535;
	}
	.preloader img { 
	  width:166px;
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%);
	  animation: loader 1s linear infinite alternate;
	  -webkit-animation: loader 1s linear infinite alternate;
	}
	@keyframes loader {
	  0% {
	    opacity: .5;}
	  100% {
	    opacity: 1; } 
	}
	@-webkit-keyframes loader {
	  0% {
	    opacity: .5;}
	  100% {
	    opacity: 1; } 
	}

	/* step-wrap */
	.step-wrap { border-bottom: 1px solid #ddd; padding-bottom: 15px; }

/* ---------------------------------------------------------------------------------------
 * header
--------------------------------------------------------------------------------------- */
	.fix-alert { position: fixed; z-index: 15; left: 50%; top: 50%; transform: translate(-50%, -50%); }
	.fix-alert>.alert-success button { position: absolute; right: 0px; top: 0px; }
	.fix-alert>.alert-success button span:first-child { display: block; font-size: 32px; width: 32px; height: 32px; color: #000; }
	.fix-alert .alert-success { background: url('../images/header-bg.jpg'); border-color: #D40006; color: #444; box-shadow: 0 10px 20px #00000025; }
	.fix-alert .alert-success a { color: #d40208; }

	.fix-msg .close { position: absolute; right: 0; top: 0; padding: .8rem 1.5rem; }
	.fix-msg .alert-home,
	.fix-msg .alert-modal { position: fixed; z-index: 20; left: 50%; top: 50%; transform: translate(-50%, -50%); padding: 3rem; max-width: 30vw;
		background: url('../images/header-bg.jpg'); border-color: #D40006; color: #444; box-shadow: 0 10px 20px #00000025; }
	.fix-msg .alert-modal { display: flex; flex-direction: column; justify-content: center; align-items: center; min-width: 20vw;}
	.fix-msg .alert-modal h3 { font-size: 24px;}
	.fix-msg .alert-modal h3 b { color: #D40006;}
	.fix-msg .alert-modal center { display: flex; justify-content: center; align-items: center; gap: 1rem;}
	.fix-msg .alert-home .base-btn,
	.fix-msg .alert-modal .base-btn { margin-top: 20px; margin-right: 1rem; min-width: auto; background: #d40208; border-radius: 3px; }
	.fix-msg .alert-home a:last-child,
	.fix-msg .alert-modal a:last-child { margin-left: 1rem; color: #000; }
	@media (max-width: 480px) {
		.fix-msg .alert-home { min-width: 90vw; max-width: 96vw; }
		.fix-msg .alert-modal { min-width: 90vw; max-width: 96vw; }
	}



	
	strong.logo {margin: 0;  }
	strong.logo img { height: 52px; }
	.header-style-2 .topbar { background: #f2f2f2; border-bottom: 1px solid #dedede; }
	.topbar .left-box ul li { border-left: 1px solid #dedede; border-left: 1px solid #dedede; }

	.center-box { text-align: center; }
	.daily-rate { }
	.daily-rate span, .daily-rate > div { line-height: 1.2em; margin: 0; display: inline-block; vertical-align: middle; font-size: 14px; }
	.daily-rate .unit { color: #444; }
	.daily-rate>div { margin-left: 10px; }
	.daily-rate>div>span { vertical-align: middle; }
	.daily-rate>div>span.type { width: 24px; height: 24px; border-radius: 50%;
    padding: 0;
    margin-right: 5px;	
    color: #fff; text-align: center; line-height: 24px;
    font-weight: bold; }
	.daily-rate>div:nth-of-type(1)>span.type { background-color: #ba8933; }
	.daily-rate>div:nth-of-type(2)>span.type { background-color: #a5a5a5; }
	.daily-rate>div>span.updown { margin-left: 5px; font: normal normal normal 14px/1 "FontAwesome"; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
	.daily-rate>div>span.updown:before { margin-right: 5px; }
	.daily-rate>div>span.updown.up { color: #cc0000; }
	.daily-rate>div>span.updown.up:before { content: '\f0d8';  }
	.daily-rate>div>span.updown.down { color: green; }
	.daily-rate>div>span.updown.down:before { content: '\f0d7';  }

	.exchange-rate { display: flex; margin-left: 30px; padding: 10px 0; line-height: 20px; font-size: 14px; }
	.exchange-rate .unit { color: #444; margin-right: 10px; line-height: 20px; }
	.exchange-rate .status,
	.exchange-rate .status:before { font: normal normal normal 14px/1 "FontAwesome"; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
	.exchange-rate .status:before { margin-right: 5px; vertical-align: middle; }
	.exchange-rate .status.up { color: #c00; }
	.exchange-rate .status.down { color: green; }
	.exchange-rate .status.up:before { content: "\f0d8"; }
	.exchange-rate .status.down:before { content: "\f0d7"; }
	.scrollDiv{ height:20px; line-height:20px; overflow:hidden; }
	.scrollDiv ul { margin: 0; padding: 0; list-style: none; }
	.scrollDiv li{ height:20px; text-align: left;}

	.topbar>.container-fluid { display: flex; justify-content: space-between; min-height: 40px; }
	.topbar .left-box, .topbar .right-box { float: none; }
	.topbar .left-box { order: 1; }
	.topbar .center-box { order: 2; flex: 1 1 auto; display: flex; justify-content: center; align-items: center; }
	.topbar .right-box { order: 3; }
	@media (max-width:1300px) {
		.topbar .left-box { display: none; }
		.topbar .center-box { float: left; }
		.topbar .right-box { float: right; position: static; }
	}
	@media (max-width:767px) {
		.topbar .center-box { float: none; }
		.daily-rate { margin: 8px 0; }
		.topbar>.container-fluid { min-height: 0; }
		/* .fix-alert { top: 130px; } */
	}
	@media (max-width:380px) {
		.daily-rate .unit { display: block; margin: 0 0 5px 0;  }
	}

	/* 浮動購物車 */
	.stick-sidebar {
		display: none;
	    z-index: 1000;
	    border: 1px solid #d40208;
	    border-radius: 3px;
	    box-shadow: 0 0 15px rgba(0, 0, 0, 0.12);
	    position: fixed; right: 5%; top: 5%; 
	}
	.stick-sidebar .dropdown {  padding: 0 7px; }
	.stick-sidebar .dropdown-toggle { border: none; background-color: transparent; padding: 8px 10px; }
	.stick-sidebar .dropdown-toggle .number { display: inline-block; margin: 0 0 0 5px; }
	.stick-sidebar .dropdown-toggle .qty { background-color: #ddd; font-size: 12px; margin: 0 0 0 4px; display: inline-block; line-height: 18px; text-align: center; width: 18px; height: 18px; border-radius: 50%; }
	.stick-sidebar .cart-box-outer {    border-radius: 3px 3px 0 0; display: block; float: none; background-color: rgba(255, 255, 255, 0.7); }
	.stick-sidebar .history-box-outer { border-radius: 0 0 3px 3px; }
	.stick-sidebar .history-box-outer .dropdown-toggle { border-top: 1px solid #dedede;  }
	.stick-sidebar .cart-box-outer .dropdown-menu { top: 0; right: 120px; max-height: 70vh; overflow-y: auto; }
	.stick-sidebar .history-box-outer .dropdown-menu { max-height: 50vh; overflow-y: auto; }
	.history-box-outer .cart-box .cart-row .thumb img { width: 50px; }
	.history-box-outer .cart-box .cart-row .text-box a { padding: 0; font-size: 14px; line-height: 1.2em; } 
	.history-box-outer .cart-box .cart-row { padding-bottom: 10px; margin-bottom: 10px; }
	.history-box-outer .cart-box strong.title { margin-bottom: 10px; }
	.history-box-outer .dropdown-menu { min-width: 270px; }
	.history-box-outer .cart-box .cart-row { display: table; width: 100%; table-layout: fixed; }
	.history-box-outer .cart-box .cart-row .thumb { width: 60px; }
	.history-box-outer .cart-box .cart-row .thumb,
	.history-box-outer .cart-box .cart-row .text-box { display: table-cell; vertical-align: middle; float: none; }
	
	/* 購物車 */
	#header.header-style-2 .cart-box-outer .dropdown-menu { top: 48px; max-height: 70vh; overflow-y: auto; }
	.cart-box-outer .cart-box .cart-row .text-box a { font-size: 14px; padding: 0 0 8px; }
	.cart-box-outer .cart-box strong.title,
	.cart-box-outer .cart-box .cart-row { margin-bottom: 8px; padding-bottom: 8px; }
	.cart-box-outer .cart-box strong.subtotal { padding-bottom: 8px; }
	.cart-box-outer .cart-box .btn-row { margin-top: 8px; }
	.cart-box-outer .cart-box a.btn-checkout { padding: 8px 30px; }

	@media (max-width:1300px) {
		.stick-sidebar { right: 10px; top: 15px; }
		.stick-sidebar .dropdown-toggle { width: 20px; padding: 10px 0;  }
		.stick-sidebar .dropdown-toggle .number { margin: 0; }
		.stick-sidebar .dropdown-toggle .qty { margin: 0; }
		.stick-sidebar .cart-box-outer .dropdown-menu { right: 37px; }
	}
	@media (max-width:991px) {
		#header.header-style-2 .cart-box-outer .dropdown-menu {
			top: 115px;
			left: 0;
			right: 0;
			position: fixed;
		}
	}
	@media (max-width:767px) {
		#header.header-style-2 .cart-box-outer .dropdown-menu { top: 73px; }
		.stick-sidebar .cart-box-outer .dropdown-menu,
		.stick-sidebar .history-box-outer .dropdown-menu { 
			max-height: 100vh;
			overflow-y: auto;
		}
		.stick-sidebar .cart-box-outer .dropdown-menu { 
			right: 0;
			left: 0; 
			top: 0;
			bottom: 40px;
			position: fixed;
		}
		.stick-sidebar .history-box-outer .dropdown-toggle { border: none; border-left: 1px solid #eee; }
		.stick-sidebar { top: auto!important; bottom: 0; right: 0; left: 0; border: none; z-index: 9997; }
		.stick-sidebar .dropdown-toggle { width: 100% }
		.stick-sidebar .dropdown-toggle i { margin-right: 5px; }
		.stick-sidebar .cart-box-outer { 
			width: 50%; 
			float: left; 
			border-radius: 0;
		    background-color: rgba(186, 137, 51, 0.96);
    		color: #fff;
		}
		.stick-sidebar .dropdown-toggle .qty { color: #444; margin: 0 0 0 5px; }
		.stick-sidebar:after { content: ''; display: block; clear: both; }
		.cart-box-outer .cart-box .cart-row .text-box a { font-size: 13px; }
		.cart-box-outer .cart-box .cart-row .text-box a.close { position: absolute; right: 0; top: 0; }
		.cart-box-outer .cart-box .cart-row .text-box { position: relative; padding-right: 30px }
		.cart-box-outer .cart-box { float: none; }
	}
	@media (max-width:479px) {
		#header.header-style-2 .cart-box-outer .dropdown-menu { top: 117px; }
	}

	/* fixed */
	#header .navigation-row { 
		background: url('../images/header-bg.jpg') #fff; 
		border-bottom: 1px solid #d40208; 
		-webkit-transition: top 0.6s ease;
		-moz-transition: top 0.6s ease;
		-o-transition: top 0.6s ease;
		transition: top 0.6s ease;
		top: -100px;
	}
	#header .navigation-row>.container-fluid { position: relative; }
	#header .navigation-row.fixed-h { padding: 0; position: fixed; top: 0; left: 0; right: 0; z-index: 999; }
	#header .navigation-row.fixed-h .shop-box,
	#header .navigation-row.fixed-h strong.logo { display: none; }
	#header .navigation-row.fixed-h .navbar { padding: 0; float: none; text-align: center; }
	#header .navigation-row.fixed-h .navbar #nav { float: none; display: inline-block; width: initial; }
	#header .navigation-row.fixed-h .navbar #nav li ul { max-height: 80vh; overflow-y: auto; }
	/* #header .navigation-row.fixed-h strong.logo { margin-top: 11px; }
	#header .navigation-row.fixed-h strong.logo img { height: 32px; } */
	@media (max-width:991px) {
		#header .navigation-row.fixed-h strong.logo {
			display: inline-block;
		    width: initial;
		}
		#header .navigation-row.fixed-h strong.logo img { height: 37px; }
		#header .navigation-row.fixed-h { padding: 7px 0; }
	}

	/* menu太擠往下掉 */
	@media (max-width:1550px) and (min-width:768px) {
		#header .navigation-row.nofixed-h .navbar { clear: right; float: none; text-align: center; padding: 0; }
		#header .navigation-row.nofixed-h #nav { float: none; display: inline-block; }
	}

	/* 手機版頭部藏家區 */
	.mb-header-account {
		display: none;
		text-align: center;
		background-color: rgba(255,255,255,.1);
	}
	.mb-header-account a {
		display: inline-block;
		padding: 10px;
		color: #000 !important;
		margin: 10px 0;
	}
	.mb-header-account a i { margin-right: 5px; }
	.mb-header-account a:hover,
	.mb-header-account a:focus { text-decoration: none; }

	/* .mb-header-fb {
		display: none;
		padding: 15px 10px;
		background-color: #3b5998;
		color: #8da8e2!important;
		margin-top: 20px;
		text-align: center;
		font-size: 15px;
	}
	.mb-header-fb i { margin-right: 10px; font-size: 20px; display: inline-block; vertical-align: middle; }
	.mb-header-fb span { display: inline-block; vertical-align: middle; }
	.mb-header-fb:hover, .mb-header-fb:focus { text-decoration: none; } */

	/* 手機選單 */
	.menu-refresh {
		margin-left: 10px;
		padding: 7px 11px;
		background-color: #d40208;
		color: white;
		border-radius: 4px;
	}
	.mb-refresh {
		display: inline-block;
		margin: 4px 10px;
		padding: 4px 11px !important;
		background-color: #d40208;
		color: white !important;
		border-radius: 4px;
	}
	.menu-btn {
        display: none;
        padding: 4px 8px 4px 8px;
        position: absolute;
	    right: 10px;
	    top: 3px;
	    border-radius: 4px;
    }
    .menu-btn .line {
        display: block;
        width: 20px;
        height: 2px;
        margin: 4px 0;
        border-radius: 1px;
        background-color: #fff;
    }
    @media (max-width:1570px) and (min-width:992px) {
    	.nofixed-h .navbar { display: none; }
    	.nofixed-h .menu-btn { 
    		display: block;   
    		margin: 3px;
    		float: right; 
    		position: static; 
    		padding: 15px 15px 14px 15px; 
    		margin-left: 20px;
    	}
    }
    @media (max-width:991px) {
    	.shop-box { margin-right: 55px; }
    	.nofixed-h .menu-btn { padding: 15px 15px 14px 15px; }
    	.navbar { display: none; }
    	.menu-btn { 
    		display: inline-block; 
    	}
    }
    @media (max-width:767px) {
    	.mb-header-account { display: block; }
		.nofixed-h .menu-btn {
		    padding: 9px 10px 9px 10px;
		    margin-top: 6px;
		}
		.shop-box { margin-right: 45px; }
    }
    @media (max-width:479px) {
		.nofixed-h .menu-btn {
		    margin-top: 0;
		}
		.shop-box .dropdown, .cp-search-holder { margin-top: 3px; }
		strong.logo img { height: 40px; } 
	}
	@media (max-width:400px) {
		strong.logo img { height: 33px; margin-left: 8px; } 
		#header .navigation-row.fixed-h strong.logo img { height: 33px; }
		.nofixed-h strong.logo {
			width: 100%;
			float: none;
			display: block;
		}
		.shop-box .dropdown button,
		.cp-search-holder button,
		.menu-refresh,
		.menu-btn { padding: 3px 8px; }
		.nofixed-h .menu-btn { padding: 4px 8px; }
		.shop-box .dropdown { margin-right: 2px; }
		#header .navigation-row>.container-fluid { padding: 0; }
		.header-style-2 .navigation-row .shop-box { position: absolute; right: 6px; top: 0; }
		.header-style-2 .navigation-row .shop-box>div{ float: none; display: inline-block; vertical-align: top; }
    }

    .inner-banner {
    	background-color: #000; 
    	background-size:cover;
    	background-position: center center;
    }

/* ---------------------------------------------------------------------------------------
 * footer
--------------------------------------------------------------------------------------- */
	
	.footer-section-2 { background: url('../images/header-bg.jpg') #353535;  }
	.fb-page, .fb-page iframe[style], .fb-page span {
	    width: 100% !important;
	}

	.fb-social i { font-size: 20px; display: inline-block; vertical-align: middle; margin: 0 5px 0 0; }
	.fb-social {
		font-size: 14px;
		color: #fff;
		height: 44px;
		line-height: 44px;
		padding: 0 15px;
		text-align: center;
		float: left;
		text-decoration: none;
		background-color: #ba8933;
		margin-top: 5px;
		float: right;
	}
	.fb-social:hover {
		text-decoration: none;
		color: #fff;
		background-color: #0a4d8a
	}
	#footer .oz { font-weight: normal; font-size: 12px; color: #999; }
	.header-style-2 .topbar .container-fluid, .header-style-2 .navigation-row .container-fluid { padding: 0 15px; }
	.footer-logo { margin:10px 0 30px 0; width: 290px; }
	.footer-desc { padding-left: 0; }
	.footer-desc p { display: inline-block; margin: 0; text-align: left; }
	h3.ft-title { color: #ababab; font-size: 20px; letter-spacing: .1em; font-weight: bold; margin: 10px 0 15px 0; }
	h3.ft-name { color: #fff; font-size: 20px; letter-spacing: .1em; font-weight: bold; margin: 8px 0 5px 0; }
	h4.ft-name-en { color: #eee; font-size: 13px; letter-spacing: .1em;  margin: 0 0 10px 0; }
	.footer-section-2 address p { margin: 0; padding: 0 0 5px 20px; }
	.footer-section-3 strong.copyrights { padding-top: 8px; }
	.use { font-size: 13px; text-align: right; }
	@media (min-width:1300px) {
		.header-style-2 .topbar .container-fluid, .header-style-2 .navigation-row .container-fluid { padding: 0 80px; }
	}
	@media (max-width:1380px) {
		.header-style-2 .navigation-row .navbar {     padding: 0 20px 0 0; }
		#nav li a { padding: 0 10px; }
	}
	@media (min-width:768px) {
		.goTop { position: fixed; bottom: 0; left: 50%; z-index: 1000; transform: translateX(-50%); text-align: center; }
		
		.goTop .inner {
			display: inline-block;
			height: 30px;
			position: relative;
			opacity: .5; 
		}
		.goTop:hover .inner { opacity: 1; }
		.goTop .inner:before {
			/* background-color: rgba(186, 137, 51, 0.55);
			width: 50px;
			height: 40px;
			text-align: center;
			display: inline-block;
			color: #fff; */
			content: '';
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 0 80px 80px 80px;
			border-color: transparent transparent #ba8933 transparent;
		    position: relative;
    		top: -20px;
		}
		.goTop .inner i {
			position: absolute;
		    bottom: 0;
		    left: 50%;
		    margin-left: -6px;
		    font-size: 20px;
		    z-index: 10;
		    color: #fff;
		}
	}
	@media (max-width:991px) {
		.use, .footer-menu ul, .footer-section-3 strong.copyrights { text-align: center; }
		.footer-section-3 strong.copyrights { float: none; display: block; margin-bottom: 30px; }
		.footer-menu ul li { float: none; display: inline-block; }
	}
	@media (max-width:767px) {
		.footer-section-3 strong.copyrights { margin-bottom: 0px; }
		.oz { display: block; }
		.goTop { 
			bottom: 50px; 
			position: fixed;
			right: 10px;
			z-index: 1000;
			color: #fff;
		}
		.goTop .inner { text-align: center; line-height: 30px; width: 30px; height: 30px; border-radius: 100%; background-color: #ba8933; }
		.goTop .inner i {
			position: static;
			color: #fff;
			font-size: 18px;
		}
		/* ++ mb fix cart height */
		.footer-section-3 { padding-bottom: 80px; }
	}

/* ---------------------------------------------------------------------------------------
 * home
--------------------------------------------------------------------------------------- */
	/* 沒有箭頭 */
	.priorities .slid-box .text-box strong.title { font-size: 18px; float: none!important; display: inline-block; }
	.priorities .slid-box .text-box { padding: 10px; border-right: 1px solid #fff; text-align: center; }
	.priorities .slid-box .text-box a.arrow { display: none; }

	/* 沒有首頁下方廣告 */
	#banner {margin-bottom: 0; float:none}
	.project-section { padding-bottom: 80px; padding-top: 80px; }

	/* 曲線圖 */
	.supporters-section .holder { border: none; box-shadow: none; }
	.supporters-section .holder ul li { text-align: center; }
	.supporters-section .holder ul li .text-wrap { font-size: 20px; margin-top: 10px; }
	.supporters-section .holder ul li .text-wrap span { display: inline-block; line-height: 50px; width:50px; height: 50px; border-radius: 50%; background: #eee; }
	.supporters-section .holder ul li img { width: auto; height: 150px; max-width: 100%; margin: 10px 0; }

	/* 品牌 */
	.home-brand .heading-center { margin-bottom: 70px; }
	.home-brand { background-color: #eee; padding: 50px 0; text-align: center; }
	.home-brand ul { margin: 0; padding: 0; }
	.home-brand li { display: inline-block; padding: 10px; vertical-align: top; }
	.home-brand li img { height: 55px; width: auto; }

	#home-banner2 {
		background-image: -webkit-linear-gradient(90deg, #444 0%, #666 100%);
	    background-image: -moz-linear-gradient(270deg, #444 0%, #666 100%);
	    background-image: linear-gradient(0deg, #444 0%, #666 100%);
	}
	#home-banner2 .item .container { padding: 0;margin: 0 auto; position: relative; z-index: 1; }
	#home-banner2 .slick-prev { left: 2%; }
	#home-banner2 .slick-next { right: 2%; }
	#home-banner2 .slick-arrow:before { background-color: #444; }
	@media (max-width:991px) {
		.supporters-section .holder ul li { width: 50%; }
		.supporters-section .holder ul li { padding: 0 10px; }
		.supporters-section .holder ul li img { height: auto; width: 320px; }
	}
	@media (min-width:768px) {
		#home-banner2 .item { position: relative; }
		#home-banner2 .item .bg-image { 
			position: absolute;
			z-index: -1;
			left: 0;
			top: -5%;
			right: 0;
			height: 110%;
			width: 100%;
			background-position: center center;
			background-size: cover; 
			-webkit-filter: blur(25px);
			-moz-filter: blur(25px);
			-o-filter: blur(25px);
			-ms-filter: blur(25px);
			filter: blur(25px);
			filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='25');
		}
	}
	@media (max-width:479px) {
		.supporters-section .holder ul li img { width: 100%; float: none; }
	}
	
	.project-row .project-box .text-box h3 { position: relative; }
	.project-row .project-box .text-box h3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
	.project-row .project-box .text-box h3 span { display: inline; padding: 0 1rem 0 0; font-family: "Roboto Condensed"; font-size: 18px; }
	.project-row .project-box .text-box a.link { color: #777; }
	.project-row .project-box .frame:hover img { opacity: 1; } 
	.project-row .project-box .frame:before, .project-row .project-box .frame:after { display: none; }

	.home-pav-pd .heading-center { margin-bottom: 90px; }
	.home-pav-pd .project-row .project-box .text-box { margin-top: 20px; padding: 20px 15px; }
	.home-pav-pd .project-row .item { margin: 0 10px; }
	.project-slider { text-align: center; }
	.project-slider .slick-arrow {
	    position: static;
	    display: inline-block!important;
	    text-align: center;
	}
	.project-slider .slick-arrow:before {
		content: "\f177";
	    display: block;
	    font-family: FontAwesome;
	    text-align: center;
	    line-height: 40px;
	    font-size: 14px;
	    color: #848483;
	    background-color: transparent;
	}
	.project-slider .slick-prev:before  { content:'\f177' }
	.project-slider .slick-next:before  { content:'\f178' }
	.project-slider .slick-prev {
	    margin: 0 0 0 -40px;
    	border-right: 1px solid #d8d8d8;
	}
	.project-slider .slick-next {
		position: absolute;
		top: 0;
		right: auto;
		left: 50%;
		margin: auto;
		height: 40px;
	}
	.project-slider .flip-container { margin: auto; }
	.home-pav-pd .project-row { padding: 0; }
	.home-pav-pd .pd-list .price { text-align: left; }
	
	@media (min-width:1200px) {
		.home-pav-pd .flip-container, .home-pav-pd .front, .home-pav-pd .back {
			width: 350px;
			height: 350px;
		} 
	}
	@media (min-width:992px) and (max-width:1199px) {
		.home-pav-pd .flip-container, .home-pav-pd .front, .home-pav-pd .back {
			width: 284px;
			height: 284px;
		} 
		.home-pav-pd .pd-list .spec-box { font-size: 12px; }
	}
	@media (min-width:768px) and (max-width:991px) {
		.home-pav-pd .flip-container, .home-pav-pd .front, .home-pav-pd .back {
			width: 330px;
			height: 330px;
		} 
		.home-pav-pd .pd-list .spec-box { font-size: 12px; }
	}
	@media (max-width:767px) {
		.home-pav-pd .heading-center { margin-bottom: 60px; }
		.home-pav-pd { padding: 30px 0; margin-bottom: 30px; }
		.home-pav-pd .spec-box dl.dl-horizontal dd { text-align: left; }
		.project-section .holder { padding: 30px 0; background: none; }
		.home-pav-pd .pd-list .text-box h3 { text-align: left; }
		.project-slider .slick-arrow {
			-webkit-transform: translate(0, 0%);
			-ms-transform: translate(0, 0%);
			transform: translate(0, 0%);
		}
		.project-slider .slick-arrow:before { color: #a7a7a7; }
		.project-slider .slick-prev { margin-bottom: 14px; }
		.project-section .holder h2 { color: #222; margin-bottom: 10px; }
		.home-pav-pd .project-row .project-box .frame-outer { float: none; }
		.home-pav-pd .project-row .project-box .frame-outer:after { content: ''; display: block; clear: both; }
		.home-pav-pd .project-row .project-box .text-box { width: 450px; margin: 20px auto 0 auto; float: none; }
	}
	@media (max-width:479px) {
		.home-pav-pd .project-row .project-box .text-box { width: 100%; }
	}
	@media (max-width:400px) {
		.home-pav-pd { background-color: #fff; }
		.home-pav-pd .container { padding: 0; }
		.home-pav-pd .project-row .project-box .text-box { width: 100%; background-color: transparent; border: none; padding: 0 5px; box-shadow: none; }
		.sc-noo-event-slider-wrap .swiper-slide-active .wrap { padding: 0; }
	}

	


	
	

/* ---------------------------------------------------------------------------------------
 * pd-ls
--------------------------------------------------------------------------------------- */
	.tag-hot-small,
	.tag-buy-small {		
		padding: 2px 5px;
		line-height: 1;
	    border-radius: 2px;
	    font-size: 14px;
	    text-align: center;
	    white-space: nowrap;
	}
	.tag-hot-small {
		border: 1px solid #da282d;
		color: #f44336 !important;
	    background: #ffebee;
	}
	.tag-buy-small {
		border: 1px solid #3e9c5a;
		color: #3f9c3e !important;
	    background: #e9f9f4;
	}
	.pd-list .tag-hot-small,
	.pd-list .tag-buy-small { position: absolute; right: 0; top: 0; }
	.pd-grid .tag-hot-small,
	.pd-grid .tag-buy-small { position: absolute; right: 0; bottom: 0; border-radius: 0; }

	/* .page-pd-ls-wrap .pd-list .spec-box { min-height: 92px; } */
	.page-pd-ls-wrap .pagination-box { margin-top: 30px; }
	.page-pd-ls-wrap .pd-list .item { width: 100%; margin: 0 0 25px 0; padding: 0 15px; display: inline-block; vertical-align: top; }
	.page-pd-ls-wrap .pd-list .item .project-box { float: none; position: relative; display: table; cursor: pointer; }
	.page-pd-ls-wrap .pd-list .item .project-box .frame-outer { width: 100px;  display: table-cell;  vertical-align: middle; float: none; }
	.page-pd-ls-wrap .pd-list .item .project-box .text-box { float: none; width: auto; vertical-align: middle; display: table-cell; }

	.page-pd-ls-wrap .pd-grid { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; }
	.page-pd-ls-wrap .pd-grid .item { width: calc(20% - 30px); }


	@media (max-width:1199px) {
		.page-pd-ls-wrap .pd-list .item .project-box .text-box { max-width: 367px; }
	}
	@media (max-width:991px) {
		.pd-list .spec-box dl.dl-horizontal { font-size: 13px; }
		.page-pd-ls-wrap .pd-list .item .project-box .text-box { max-width: 390px; }
	}
	@media (max-width:767px) {
		.page-pd-ls-wrap .pd-list .spec-box { min-height: 0; }
		.page-pd-ls-wrap .pd-list .item { padding: 0; }
		.page-pd-ls-wrap .pd-list .item .project-box { text-align: center; width: 440px; margin: auto; max-width: 100%; }
		.page-pd-ls-wrap .project-row .project-box .text-box { text-align: left; float: none; display: inline-block; vertical-align: middle; width: 440px; margin-top: 10px; }
		.page-pd-ls-wrap .pd-list .item .project-box .frame-outer { vertical-align: middle; display: inline-block; position: relative; width: 200px; height: 200px; top: auto; left: auto; float: none; }
		.page-pd-ls-wrap .pd-list .item .project-box .frame-outer .flip-container { margin: 0; }
		.page-pd-ls-wrap .pd-list .item .project-box .text-box { display: block; max-width: 100%; }
		.page-pd-ls-wrap .pd-list .item .project-box { padding-left: 0; display: block; }
		.page-pd-ls-wrap .project-row .project-box .text-box h3 a { white-space: normal; }
	}
	@media (max-width:479px) {
		.page-pd-ls-wrap .project-row { padding: 0; }
		.page-pd-ls-wrap .pd-list .item { padding: 0; }
		.page-pd-ls-wrap .pd-list .item .project-box { display: flex; width: 100%; }
		.page-pd-ls-wrap .project-row .project-box .text-box { width: 100%; padding: 0; border: none; box-shadow: none; }
		.page-pd-ls-wrap .project-row .project-box .text-box:before { width: 100%; bottom: -15px; }
		.page-pd-ls-wrap .pd-list .item .project-box .frame-outer { width: 100px; height: 100px; }
		.page-pd-ls-wrap .pd-list .item .project-box .text-box { margin: 0; width: calc(100% - 100px); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
		.page-pd-ls-wrap .flip-container { margin: auto; }
		.page-pd-ls-wrap .flip-container, .page-pd-ls-wrap  .front, .page-pd-ls-wrap  .back { width: 230px; height: 230px; }
	}

/* ---------------------------------------------------------------------------------------
 * pd-dt
--------------------------------------------------------------------------------------- */
	/* zoom */
	/* these styles are for the demo, but are not required for the plugin */
	.zoom {
		display:inline-block;
		position: relative;
	}
	
	/* magnifying glass icon */
	.zoom:after {
		content:'';
		display:block; 
		width:33px; 
		height:33px; 
		position:absolute; 
		top:0;
		right:0;
		background:url(icon.png);
	}

	.zoom img {
		display: block;
	}

	.zoom img::selection { background-color: transparent; }

	#ex2 img:hover { cursor: url(grab.cur), default; }
	#ex2 img:active { cursor: url(grabbed.cur), default; }

	/* pd-dt slick */
	.slider-for.tag-hot,.slider-for.tag-hot2 { overflow: hidden; }
	.slider-for.tag-hot:before {
	    display: block;
	    content: "";
	    position: absolute;
	    z-index: 1;
		left: -60px;
		top: -62px;
		width: 0;
		height: 0;
		border-width: 60px;
	    border-style: solid;
	    border-color: transparent transparent #3f9c3e transparent;
	    box-shadow: 0 0 2px rgba(0,0,0,0.2);
	    clip: rect(0px,100px,104px,0px);
	    -webkit-transform: rotate(-45deg);
	    -moz-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	    transform: rotate(-45deg);
	    -webkit-transition: all linear 0.2s;
	    -moz-transition: all linear 0.2s;
	    -ms-transition: all linear 0.2s;
	    transition: all linear 0.2s;
	}
	.slider-for.tag-hot:after {
	    display: block;
	    content: "競標";
	    font-size: 16px;
	    position: absolute;
	    z-index: 2;
	    left: -10px;
	    top: -10px;
	    width: 60px;
	    height: 60px;
	    color: #fff;
	    font-family: "Roboto Condensed";
	    font-weight: bolder;
	    text-align: center;
	    line-height: 60px;
	    -webkit-transform: rotate(-45deg);
	    -moz-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	    transform: rotate(-45deg);
	}
	.slider-for.tag-hot2:before {
	    display: block;
	    content: "";
	    position: absolute;
	    z-index: 1;
		left: -60px;
		top: -62px;
		width: 0;
		height: 0;
		border-width: 60px;
	    border-style: solid;
	    border-color: transparent transparent #f44336 transparent;
	    box-shadow: 0 0 2px rgba(0,0,0,0.2);
	    clip: rect(0px,100px,104px,0px);
	    -webkit-transform: rotate(-45deg);
	    -moz-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	    transform: rotate(-45deg);
	    -webkit-transition: all linear 0.2s;
	    -moz-transition: all linear 0.2s;
	    -ms-transition: all linear 0.2s;
	    transition: all linear 0.2s;
	}
	.slider-for.tag-hot2:after {
	    display: block;
	    content: "直購";
	    font-size: 16px;
	    position: absolute;
	    z-index: 2;
	    left: -10px;
	    top: -10px;
	    width: 60px;
	    height: 60px;
	    color: #fff;
	    font-family: "Roboto Condensed";
	    font-weight: bolder;
	    text-align: center;
	    line-height: 60px;
	    -webkit-transform: rotate(-45deg);
	    -moz-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	    transform: rotate(-45deg);
	}
	.slider-for.tag-buy:before {
	    display: block;
	    content: "";
	    position: absolute;
	    z-index: 1;
		left: -60px;
		top: -62px;
		width: 0;
		height: 0;
		border-width: 60px;
	    border-style: solid;
	    border-color: transparent transparent #f44336 transparent;
	    box-shadow: 0 0 2px rgba(0,0,0,0.2);
	    clip: rect(0px,100px,104px,0px);
	    -webkit-transform: rotate(-45deg);
	    -moz-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	    transform: rotate(-45deg);
	    -webkit-transition: all linear 0.2s;
	    -moz-transition: all linear 0.2s;
	    -ms-transition: all linear 0.2s;
	    transition: all linear 0.2s;
	}
	.slider-for.tag-buy:after {
	    display: block;
	    content: "直購";
	    font-size: 16px;
	    position: absolute;
	    z-index: 2;
	    left: -10px;
	    top: -10px;
	    width: 60px;
	    height: 60px;
	    color: #fff;
	    font-family: "Roboto Condensed";
	    font-weight: bolder;
	    text-align: center;
	    line-height: 60px;
	    -webkit-transform: rotate(-45deg);
	    -moz-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	    transform: rotate(-45deg);
	}
	.slider-nav li img, .slider-for li img { background-color: #f7f7f7; }
	.slider-nav { margin-top: 20px; margin-bottom: 20px; }
	.slider-nav .slick-list {
		padding: 0!important;
		margin: 0 50px;
	}
	.slider-nav li { padding: 5px; }


	.pd-slider a:hover { text-decoration: none; }
	.pd-slider .pd-list-btn { margin-top: 15px; border-radius: 3px; text-align: center; color: #444; width: 100%; padding: 5px 10px; background-color: #eee; display: block; }
	.pd-slider .pd-list-btn:hover { background-color: #ba8933; color: #fff; text-decoration: none; }
	.pd-slider .pd-list-btn.add-done-btn { border: 1px solid #eee; border-radius: 0; text-align: center; color: #fff; width: 100%; padding: 5px 10px; background-color: #d40208; display: block; }
	.pd-slider .pd-list-btn.add-done-btn:hover { background-color: #b50e12; color: #fff; border-color: #b50e12; text-decoration: none; }
	.pd-slider .pd-list-btn:nth-of-type(2) { background-color: transparent; margin-top: 5px; color: #ba8933; }
	.pd-slider .frame:hover:before, .pd-slider .frame:hover:after { display: none; }
	.pd-slider .frame:hover img { opacity: 1; }
	.pd-slider .flip-container { margin: auto; }
	.pd-slider .flip-container, .pd-slider .front, .pd-slider .back {
		width: 100%;
		height: auto;
		min-height: 174px;
	}
	.pd-slider .slid-box:hover .text-box { background-color: transparent; }

	.pd-dt-wrap .pd-slider-wrap { margin-bottom: 0; }
	.pd-slider-wrap { border: 1px solid #d2c8b7; margin: 30px 0; }
	.pd-slider-wrap .owl-carousel {
		width: 100%;
		
	}
	.pd-slider-wrap .slid-box { padding: 8px; }
	.pd-slider-wrap .slid-box .frame {  float: none;  background: #fff;}
	.pd-slider-wrap .slid-box .text-box { text-align: center; background: transparent; float: none; padding: 10px; }
	.pd-slider-wrap .slid-box .text-box a.name { color: #444; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; display: block; }

	.pd-slider .project-box { padding: 10px; }
	.pd-slider .project-box .frame-outer { position: relative; }
	.pd-slider .project-box .frame-outer span { position: absolute; right: 0; bottom: 0; border-radius: 0; }
	.pd-slider .project-box .text-box { float: none; border: 1px solid #ccc; -webkit-box-sizing: border-box; background: #fff; box-shadow: 0 0 5px rgb(0 0 0 / 10%); }
	.pd-slider .project-box .text-box .pd-ls-metas { display: flex; flex-wrap: wrap; justify-content: center; font-family: "Roboto Condensed", "Microsoft JhengHei", sans-serif; }
	.pd-slider .project-box .text-box .pd-ls-metas .meta-price { display: flex; align-items: center; padding: 0 3px; font-size: 20px; font-weight: 700; line-height: 35px; color: #d40208; }
	.pd-slider .project-box .text-box .pd-ls-metas .meta-price:before { content: attr(data-txt); margin-right: 3px; font-size: 14px; }
	.pd-slider .project-box .text-box .pd-ls-metas .meta-times { padding: 0 3px; line-height: 35px; color: #666; }
	.pd-slider .project-box .text-box .pd-ls-metas .meta-times:before { content: '/'; margin-right: 3px; }
	.pd-slider .project-box .text-box .pd-ls-metas .meta-times:after { content: attr(data-txt); margin-left: 3px; }
	.pd-slider .project-box .text-box .pd-ls-btns .pd-list-btn { margin: 0; padding: 0 8px; height: 35px; line-height: 35px; border-radius: 0; }

	.pd-dt-wrap .step-wrap { margin-bottom: 30px; }

	.pd-dt-right h2.pd-dt-title { font-size: 3.2rem; font-weight: bold; margin: 0 0 2.5rem 0; }
	.pd-dt-right h2.pd-dt-title span { margin-right: 1rem; font-family: "Roboto Condensed"; }
	.pd-dt-right .number { margin: 0 0 20px 0; line-height: 1.2em; }
	.pd-dt-right .cart-btn { line-height: 40px; height: 42px; padding: 0 20px;}
	.pd-dt-right .cart-btn.stockno-btn {
        background: #e8e8e8;
    	border: 1px solid #d6d6d6;
	    color: #444;
	    cursor: no-drop;
	}
	.form-group .line-btn { line-height: 54px; background: #18d73c; color: #fff !important; height: 56px; padding: 0 20px !important;}
	.form-group .line-btn .fab { margin-right: 8px; }
	.pd-dt-right .price-red { color: #d40208; }
	.pd-dt-right .price-now .price-red { font-size: 24px; font-family: "Roboto Condensed", sans-serif; font-weight: 700; }
	.pd-dt-right .desc .price { margin: 10px 0; font-size: 25px; color: #c10000; }
	.pd-dt-right .desc .note {
		display: inline-block;
	    background: #eee;
	    padding: 5px 7px;
	    font-size: 13px;
	    color: #555;
	    margin: 5px 0 0 0;
	    line-height: 1.4em;
	}
	.pd-dt-right .desc td { padding-top: 5px; padding-bottom: 5px; }
	.pd-dt-right .desc td a { padding: 0 3px; color: #d40208; }
	.pd-dt-right .desc small { margin-left: 15px; }
	.pd-dt-right .desc .my-price { padding: 15px 15px 0; border: 1px solid #ccc; }
	.pd-dt-right .desc .my-price dl { display: flex; align-items: center; margin-bottom: 10px; }
	.pd-dt-right .desc .my-price dl dt { flex: 0 0 100px; font-weight: normal; }
	.pd-dt-right .desc .my-price .form-addon { display: flex; align-items: center; }
	.pd-dt-right .desc .my-price .form-addon:before,
	.pd-dt-right .desc .my-price .form-addon:after { display: block; }
	.pd-dt-right .desc .my-price .form-addon:before { content: "NTD"; padding-right: 8px; }
	.pd-dt-right .desc .my-price .form-addon:after { content: "元"; padding-left: 8px; }
	.pd-dt-right .desc .my-price .form-addon .form-control { padding: 8px 15px; width: 80px; height: auto; }
	.pd-dt-right .desc .my-price .radio { margin: 0; }
	.pd-dt-right .desc .my-price .radio.radio-inline:first-child { padding-left: 0; }
	.pd-dt-right .desc .my-price .base-linear { color: #fff; }
	.pd-dt-right .desc .my-price .base-linear .fas { margin-right: 8px; }
	
	.pd-dt-bottom { margin-bottom: 60px; }
	.pd-dt-bottom .nav-tabs { border-bottom: 1px solid #d2c8b7; }
	.pd-dt-bottom .nav-tabs > li > a { padding: 15px 30px; border-radius: 0; color: #444; }
	.pd-dt-bottom .nav-tabs > li.active > a,
	.pd-dt-bottom .nav-tabs > li.active > a:hover,
	.pd-dt-bottom .nav-tabs > li.active > a:focus { background: #d40208; color: #fff; border-color: #d40208; }
	.pd-dt-bottom .tab-pane { border: 1px solid #d2c8b7; border-top: none; }

	.pd-dt-bottom .table { margin: 0; color: #444; }
	.pd-dt-bottom .table > tbody > tr:first-child { color: #ba8933; font-weight: bold; background: #fff8e5; }
    .pd-dt-bottom .table > tbody > tr:first-child, .pd-dt-bottom .table > tbody > template + tr { color: #ba8933; font-weight: bold; background: #fff8e5; }
	.pd-dt-bottom .msg-list { padding: 20px; }
	.pd-dt-bottom .msg-list center { font-size: 12px; }
	.pd-dt-bottom .msg-form { float: none !important; margin: 0; padding: 20px; border-top: 1px solid #ccc; }
	.pd-dt-bottom .msg-form.contact-form form input[type="text"] { margin-bottom: 20px; height: 44px; border-radius: 0; }
	.pd-dt-bottom .msg-form.contact-form .captcha-wrap a { top: 4px; right: 4px; }
	.msg-form.contact-form .btn-submit { height: 44px; border: 2px solid #444; color: #444; background: #fff; }
	.msg-form.contact-form .btn-submit:hover,
	.msg-form.contact-form .btn-submit:focus { color: #fff; background: #d40208; border-color: #d40208; }
	.msg-form.contact-form .btn-submit .fas { margin-left: 8px; }
	
	.page-contact-wrap .contact-form .base-btn,
	.page-contact-wrap .contact-form .base-btn:focus,
	.page-contact-wrap .contact-form .base-btn:hover { background: #ba8933; border: 0; }

	.more-buy-wrap { margin:30px 0; }
	.more-buy-wrap .heading-left h2 { font-size: 20px; }
	.more-buy-wrap .add-box { color: #ba8933; display: block; }
	.more-buy-wrap .news-box .text-box { margin: 0; }
	.more-buy-wrap .news-box .post-box .frame { margin-bottom: 0; }

	.area-box { margin:30px 0 50px; border: 1px solid #d2c8b7; padding: 20px 30px; }
	.area-box ul,
	.area-box ol { padding-left: 2.2rem; }

	.gallery-box { margin:30px 0 50px; border: 1px solid #d2c8b7; padding: 20px 30px; }
	.video-box { margin-bottom: 50px; }

	/* #more-buy-slick .owl-nav { position: absolute; right: 0; top: -60px; }
	#more-buy-slick .owl-nav>div { top: 0; }  */
	#more-buy-slick { margin: 0 -4px; }
	#more-buy-slick h3 { font-size: 15px; }
	#more-buy-slick .item { padding: 4px; }
	#more-buy-slick .inner-top { border: 1px solid #d6b467; position: relative; padding: 5px 5px 5px 105px; min-height: 105px; }
	#more-buy-slick .img-wrap { width: 95px; position: absolute; left: 5px; top: 5px; }
	#more-buy-slick .text-wrap { padding: 5px; }
	#more-buy-slick .inner-bottom { background-color: #d6b467; text-align: center; color: #fff; }
	#more-buy-slick .inner-bottom label { display: block; margin: 0; font-size: 15px; }
	#more-buy-slick .inner-bottom .rc-wrap { display: block; padding: 5px; }
	#more-buy-slick .inner-bottom .rc-wrap button {
		border: none;
	    background: #cea851;
	    padding: 2px 15px;
	    border-radius: 4px;
	}
	#more-buy-slick .slick-prev:before, #more-buy-slick .slick-next:before {
		height: 25px;
		line-height: 25px;
		font-size: 12px;
		color: #222;
	}
	#more-buy-slick .slick-prev { right: 45px; top: -20px; height: auto; left: auto; }
	#more-buy-slick .slick-next { right: 0; top: -20px; height: auto; }
	    

	.pd-dt-right .more-buy-total { font-size: 15px; font-weight: normal; letter-spacing: .2em; margin-left: 10px; }
	.pd-dt-right .qty-wrap {display:inline-block; vertical-align:top}
	.pd-dt-right .qty-wrap label{color:#7f7f7f;font-weight:normal;line-height:54px;margin:0 7px 0 0;vertical-align:top}
	.pd-dt-right .qty-wrap input{color:#7f7f7f;display:inline-block;height:54px;padding:15px 12px;text-align:center;vertical-align:top;width:80px}
	.pd-dt-right .qty-wrap .regulator{display:inline-block;vertical-align:top}
	.pd-dt-right .qty-wrap .regulator a{background:#ccc;border-radius:2px;color:#fff;display:block;height:24px;text-align:center;width:24px;-webkit-transition:background-color .2s linear;transition:background-color .2s linear}
	.pd-dt-right .qty-wrap .regulator a:hover{background-color:#1e1e1e;background-color:rgba(30,30,30,0.5);-webkit-transition:background-color .2s linear;transition:background-color .2s linear}
	.pd-dt-right .qty-wrap .regulator a .fa{line-height:24px}
	.pd-dt-right .qty-wrap .regulator .number-down{margin:6px 0 0 0}

	@media (max-width: 1199px) {
		.pd-slider .flip-container, .pd-slider .front, .pd-slider .back { min-height: 219px; }
	}

	@media (max-width:991px) and (min-width: 768px) {
		.pd-dt-right { position: static; }
		.more-buy-wrap { position: absolute; left: 0; width: 720px; margin: 25px 15px; z-index: 100; }
		.more-buy-wrap + .mm { margin-top: 300px; }
		.pd-slider .flip-container, .pd-slider .front, .pd-slider .back { min-height: 224px; }
	}
	@media (max-width:767px) {
		.pd-dt-right { margin-top: 30px; }
		.pd-dt-right .cart-btn { min-width: 150px; }

		.pd-slider .pd-list-btn-wrap { width: 212px; max-width: 100%; margin: auto; }
		.pd-slider .flip-container, .pd-slider .front, .pd-slider .back { min-height: 199px; }
	}
	@media (max-width:4797px) {

	}
	

/* ---------------------------------------------------------------------------------------
 * news
--------------------------------------------------------------------------------------- */
	.news-timeline-box .text-box .thumb { margin: 30px 30px 0 0; width: 240px;}
	.page-news-wrap .tags-row { float: none; }
	.page-news-wrap .news-timeline-box .desc {
		display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;
	}
	.news-timeline-box .text-box.nothumb { padding: 0 30px; }
	.news-timeline-box .text-box.nothumb .holder { width: 100%; }
	.popular-post ul li>a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	.archives-widget ul li.active a { color: #ba8933; }
	@media (max-width:1199px) {
		.news-timeline-box .text-box .thumb { margin: 20px 20px 0 0; width: 220px; }
	}
	@media (max-width:991px) {
		.news-timeline-box .text-box:after, .news-timeline-box .text-box:before { display: none; }
		.news-timeline-box .text-box.nothumb .holder { padding: 25px 0; }
		.news-timeline-box .text-box.nothumb { padding: 0 15px; }
		.news-timeline-box .text-box .thumb { margin: 20px 0 0 0; width: 100%; }
	}

	/* dt */
	.page-news-wrap .blog-post .news-title { font-size: 23px; }
	@media (max-width:767px) {
		.page-news-wrap .sidebar { margin-top: 30px; }
	}


/* ---------------------------------------------------------------------------------------
 * flip
--------------------------------------------------------------------------------------- */
	/* entire container, keeps perspective */
	.flip-container {
		perspective: 1000px;
		transform-style: preserve-3d;
	}
		/*  UPDATED! flip the pane when hovered */
		.flip-container.PC:hover .back {
			transform: rotateY(0deg);
		}
		.flip-container.PC:hover .front {
		    transform: rotateY(180deg);
		}

	.flip-container, .front, .back {
		width: 80px;
		height: 80px;
	}

	/* flip speed goes here */
	.flipper {
		transition: 0.6s;
		transform-style: preserve-3d;
		position: relative;
	}

	/* hide back of pane during swap */
	.front, .back {
		backface-visibility:hidden;
		-webkit-backface-visibility:hidden;	/* Chrome 和 Safari */
		-moz-backface-visibility:hidden; 	/* Firefox */
		-ms-backface-visibility:hidden; 	/* Internet Explorer */
		transition: 0.6s;
		transform-style: preserve-3d;
		
		position: absolute;
		top: 0;
		left: 0;
	}

	/*  UPDATED! front pane, placed above back */
	.front {
		z-index: 2;
		/* for firefox 31 */
		transform: rotateY(0deg);
	}

	/* back, initially hidden pane */
	.back {
		transform: rotateY(-180deg);
	}

	/* 
		Some vertical flip updates 
	*/
	.vertical.flip-container {
		position: relative;
	}

		.vertical .back {
			transform: rotateX(180deg);
		}

		.vertical.flip-container:hover .back {
		    transform: rotateX(0deg);
		}

		.vertical.flip-container:hover .front {
		    transform: rotateX(180deg);
		}


/* ---------------------------------------------------------------------------------------
 * cart
--------------------------------------------------------------------------------------- */
	.cart-flow {
      padding-bottom: 16px;
      border-bottom: 1px solid #ccc;
      overflow: visible;
      margin: 0 0 30px 0;
      text-align: center;
      padding-left: 0;
    }
    .cart-flow li {
      transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      padding: 0 24px;
      position: relative;
      display: inline-block;
    }
    .cart-flow li span{
        font-size: 17px;
        line-height: 24px;
        letter-spacing: 2px;
        font-weight: bold;
        color: #999;
    }
    .cart-flow li span:before {
        display: inline-block;
		font-size: 22px;
		font-weight: normal;
		vertical-align: middle;
		margin: -7px 4px 0 0;
        font-family: "Open Sans", "Helvetica Neue", "Microsoft JhengHei", "微軟正黑體", Helvetica, Arial, sans-serif;
    }
    .cart-flow li:nth-of-type(1) span:before { content: '1'; }
    .cart-flow li:nth-of-type(2) span:before { content: '2'; }
    .cart-flow li:nth-of-type(3) span:before { content: '3'; }
    .cart-flow li:nth-of-type(4) span:before { content: '4'; }
    .cart-flow li span:after{
        content: "\e628";
        font-family: 'themify';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        font-size: 11px;
        display: inline-block;
        margin-left: 8px;
    }
    .cart-flow li:last-child span:after{
        display: none;
    }
    .cart-flow li:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 1px;
        background: #ba8933;
        bottom: 10px;
        opacity: 0;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        bottom: -17px;
        left: 0;
    }
    .cart-flow li.active span { color: #ba8933; }
    .cart-flow li.active:after { opacity: 1; }
    @media (max-width:991px) {
	  .cart-flow li { padding: 0 3px; margin-bottom: 16px; }
      .cart-flow li span:before { font-size: 26px; }
      .cart-flow li span:after { margin: 0; }
      .cart-flow { margin: 0  0 40px 0; padding: 0; }
      .cart-flow li span { font-size: 16px; }
    }
    @media (max-width:767px) {
    	.cart-flow { margin-bottom: 15px; }
	  .cart-flow:after { content: ''; display: block; clear: both; }
      .cart-flow li span:before { font-size: 13px; margin: -4px 8px 0 0 ; }
      .cart-flow li { padding: 0; margin-bottom: 10px; display: none; }
      .cart-flow li.active { display: block; }
      .cart-flow li span { font-size: 14px; }
      .cart-flow li:after { display: none; }
      .cart-flow li span:after { display: none; }
      .cart-flow li:nth-of-type(1) span:before { content: 'STEP1'; }
	    .cart-flow li:nth-of-type(2) span:before { content: 'STEP2'; }
	    .cart-flow li:nth-of-type(3) span:before { content: 'STEP3'; }
	    .cart-flow li:nth-of-type(4) span:before { content: 'STEP4'; }
    }

    /* .cart-table-list */
    .TWD { color: #666; margin-bottom: 10px; }
	.cart-table-list th { text-align: center; }
	.cart-table-list tr td { color: #666; font-size: 14px; }
	.cart-table-list .pd-name { font-size: 15px; color: #222; }
	.cart-table-list .pd-id { color: #666; }
	.cart-table-list .pd-purchase-tag {
		color: #bf0707;
		border: 1px solid #bf0707;
		padding: 3px 5px;
		display: inline-block;
		line-height: 1;
		margin-top: 4px;
		font-size: 13px;
	}
	.td-delete a {
		display: block;
		color: #666;
		height: 60px;
		line-height: 60px;
		font-size: 20px;
	}

	.offer-box { display: flex; position: relative; border: 1px solid #ccc;}
	.offer-box span { position: absolute; left: 0; padding: 10px 0 10px 10px;}
	.offer-box input { padding: 10px 10px 10px 45px; max-width: 120px; border: 0; color: #222; font-weight: bold; }
	.offer-box button { padding: 10px; background-color: #222; color: #fff; border: 0; border-radius: 0;}

	  @media (min-width:768px) { 
	    .cart-table-list tr th, .cart-table-list tr td { background-color: #fff; text-align: center; padding:7px 9px; border:1px solid #e8e8e8; white-space: nowrap; word-break: keep-all; }
	    .cart-table-list tr th { font-size: 14px; background-color: #f9f9f9;  }
	    .cart-table-list tr .mb-title { display: none; }
	    .cart-table-list tr:hover td { background-color: #eee; }
	    .cart-table-list tr td .mb-content { display: block; }
	    .cart-table-list tr .t-left { text-align: left; }
	  }
	  @media (max-width:767px) {
	  	.TWD { text-align: center; }
	  	.cart-table-list { width: 400px; margin: auto; max-width: 100%; }
	    .cart-table-list tr { 
	      display: block;
	      margin-bottom: 10px;
	      border: 1px solid #ba8933;
	      overflow: hidden;
	    }
	    .cart-table-list tr.pc-title { border: none; }
	    .cart-table-list tr.pc-title th { display: none }
	    .cart-table-list tr td { display: flex; width: 100%; padding:0; border-bottom:1px solid #e8e8e8;  }
	    .cart-table-list tr td:last-child { border-bottom:none; }
	    .cart-table-list tr .mb-title {  
	      display: flex;
	      flex: 0 0 100px;
	      padding: 5px 8px;  
	      background: #f9f9f9;  
	      border-right: 1px solid #e8e8e8;
	      font-weight: bold;
	      font-size: 13px;
	    }
	    .cart-table-list tr td .mb-content { font-size: 13px; padding:5px 10px; flex-direction: column; align-items: start; }
		.td-delete a {
			display: block;
			text-align: center;
			padding: 10px 5px;
			height: auto;
			line-height: 1;
			background-color: #ba8933;
			color: #fff;
		}
		.td-delete a i:before { vertical-align: middle; }
		.td-delete a i:after { content: '移除此商品'; margin: 0 0 0 6px; font-size: 15px; display: inline-block; vertical-align: middle; }
		.td-pic { text-align: center; }
		/* .cart-table-list tr td.td-pic .mb-content { display: inline-block; }
		.td-pic img { max-width: 100%; width: 300px;} */

		/* rc-wrap all */
		.cart-table-list tr.pc-title th.t-rc { padding: 6px; text-align: left; display: block; width: 100%; border: none; }
		.cart-table-list tr.pc-title th.t-rc .mb-title { border: none; display: inline-block; width: auto; padding: 0; }
		.cart-table-list tr td.t-rc { padding: 5px; background: #d0111b;  }
		.cart-table-list tr td.t-rc .rc-wrap,
		.cart-table-list tr td.t-rc label { margin: 0; display: block; width: 100%; }
		.cart-table-list tr td.t-rc label:after { content: '選擇'; color: #fff; }
	  }
	  @media (max-width:440px) {
	  	.cart-table-list { width: 100%; }
	  }

	  /* cart-bottom */
	  .cart-table-bottom { margin-top: 20px; }
	  .cart-table-bottom tr td:nth-child(1) { vertical-align: top; }
	  .cart-table-bottom tr td:nth-child(1) select {
	  	width: 300px;
	  	max-width: 100%;
	  	display: block;
	  	margin-bottom: 5px;
	  }
	  .cart-table-bottom tr td:nth-child(2) { text-align: right; vertical-align: top; }
	  .ctb-text .item { margin-bottom: 10px; }
	  .ctb-text .item2 { color: #999; }
	  @media (max-width:767px) {
	  	.cart-table-bottom tr td:nth-child(1) select { width: 100%; }
	  	.cart-table-bottom { width: 400px; margin: 20px auto; max-width: 100%; }
	  	.cart-table-bottom tr td { display: block; width: 100%; text-align: right; margin-bottom: 20px; }
	  }
	  @media (max-width:440px) {
	  	.cart-table-bottom { width: 100%; }
	  }
	  

	  .total { font-size: 24px; color: #c92316; }
	  .bank-number { color: #bb8311; font-size: 20px; }
	  .page-cart-wrap .step-wrap { margin: 20px 0; }

	  .bank-info-wrap { 
	  	padding: 15px;
	  	border: 1px solid #ddd;
	  	display: inline-block;
	  	margin: 15px 0 0 0;
	  }
	  .bank-info-wrap table tr td { padding: 5px; }
	  .bank-info-wrap table tr td:first-child { width: 90px; }
	  .cart-result {color:#444444;}
	  .cart-result h3 { color:#666; font-size: 20px; margin: 0 0 20px 0; }
	  .cart-result p { color:#666; font-size: 16px; }
	  @media (max-width:479px) {
	  	.bank-info-wrap { padding: 0; }
	  	.cart-result p { font-size: 14px; }
	  }



/* ---------------------------------------------------------------------------------------
 * member
--------------------------------------------------------------------------------------- */
	/* 藏家專區選單 */
	.member-menu { text-align: center; padding: 0; margin: 0 0 30px 0; }
	.member-menu li { display: inline-block; }
	.member-menu li a {
		display: block;
		font-size: 16px;
		color: #666;
		margin: 0 5px;
		padding: 5px 10px;
		border: 1px solid transparent;
	}
	.member-menu li.active a { border: 1px solid #ba8933; color: #ba8933; }
	@media (max-width:479px) {
		.member-menu li a { margin: 0; font-size: 14px; }
	}

	/* 訂單列表 */
	.base-list .item {
		position: relative;
		background-color: #fff;
		position: relative;
		border-bottom: 1px solid #e0e0e0;
		/*border: 1px solid #e0e0e0;*/
		-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
		-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
		box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
	    border-radius: 0;
	    margin:0 0 20px 0;
	    padding:10px 40px 10px 10px; border-left:3px solid #ba8933; color:#333; font-size: 16px;
	}
	.base-list .item .order-a { display: block; z-index: 3; }
	.base-list .item .tt { color:#444;  }
	.base-list .item .cc { color:#666;  }
	.base-list .item .order-a .more {
		display: block;
		width: 30px;
		height: 100%;
		position: absolute;
		right: 0;
		top: 0;
		text-align: center;
		color: #8a8a8a;
		background-image: -webkit-linear-gradient(90deg, #e4e4e4 0%, #f1f1f1 100%);
		background-image: -moz-linear-gradient(270deg, #e4e4e4 0%, #f1f1f1 100%);
		background-image: linear-gradient(0deg, #e4e4e4 0%, #f1f1f1 100%);
	}
	.base-list .item .order-a .more i {
		position: absolute;
		top: 50%;
		left: 0;
		right: 0;
		margin-top: -10px;
	}
	.base-list .item .order-a:hover .more { opacity: .8; }
	.base-list .item .gopay { z-index: 5; padding: 0 10px; font-size: 14px; text-align: center; position: absolute; right: 50px; top: 11px; width: 16%; min-width: 0; }
	.base-list .item .gopay:hover { color: #ffff; text-decoration: none; opacity: .8; }

	.pav-order-ls {list-style-type: none; padding: 0; text-align: center; margin:0;}
	.pav-order-ls li { float:left; width: 20%; font-size: 14px; }
	.pav-order-ls .tt { font-weight: bold; }
	.pav-order-ls .cc { color:#444; }
	.base-list-dt .item { border-right:3px solid #ba8933; }
	.base-list-dt .pav-order-ls { padding: 0; }
	@media (max-width:991px) {
		.base-list .item .gopay { padding: 0 10px; font-size: 12px; right: 40px; top: 11px; }
	}
	@media (max-width:767px) {
		.pav-order-ls li { width:50%; text-align: left; }
		.pav-order-ls li:last-child { width: 100%; }
		.pav-order-ls .tt { color:#434343; }
		.pav-order-ls .tt, .pav-order-ls .cc { display: inline-block; }
		.base-list .item .gopay { position: static; line-height: 35px; height: 35px; width: 100%; margin-top: 10px; }
	}
	@media (max-width:479px) {
		.pav-order-ls li { width:100%; }
	}


/* ---------------------------------------------------------------------------------------
 * contact
--------------------------------------------------------------------------------------- */
	.page-contact-wrap .captcha-wrap a { top: 4px; right: 4px; }
	/*.page-contact-wrap .contact-form form .captcha-wrap input[type="text"] { padding-right: 110px; }*/
	@media (max-width:767px) {
		.contact-map-box iframe { height: 350px; }
	}
	

/* ---------------------------------------------------------------------------------------
 * page
--------------------------------------------------------------------------------------- */
	.page-about-wrap {
		background: url('../images/about.jpg') no-repeat center bottom;
		background-size: contain;
	}
	@media (max-width:991px) {
		.page-about-wrap .sidebar { margin-top: 40px; }
	}

/* ---------------------------------------------------------------------------------------
 * regi/login/forgot
--------------------------------------------------------------------------------------- */
	/*---------------------log-----------------*/
	.log-bottom { display: flex; justify-content: space-between; align-items: center; margin: 15px 0; padding: 15px 0 0; border-top: 1px solid #ccc; }
	.log-bottom a { color: #444; }
	.log-bottom a.base-btn,
	.btn-row a.base-btn.btn-line { background: #00b900; text-decoration: none; border-radius: 4px; }
	.log-bottom a.base-btn img,
	.btn-row a.base-btn.btn-line img { margin-right: 10px; }

	.page-regi-wrap .login-form { margin-bottom: 30px; }
	.page-regi-wrap .login-form ul li { width: 49.5%; display: inline-block; }
	.oror { margin-bottom: 20px; font-size: 17px; }
	
	input, select, textarea, button { border-radius: 4px; }

	@media (max-width:767px) {
		.page-regi-wrap .login-form ul li { width: 100%; }
	} 

	.captcha-wrap { position: relative; }
	.captcha-wrap .con { display: flex; flex-wrap: wrap; align-items: flex-start; }
	.captcha-wrap .con .form-control { width: auto; }
	.captcha-wrap .con a { margin-left: 10px; display: flex; align-items: center; }
	.captcha-wrap .con a img { margin-right: 10px; height: 40px; border-radius: 4px; }

	.form .form-control { height: 40px; }
	.form .form-group.hor-g { position: relative; }
	.form .form-group.hor-g.captcha-wrap>label { width: 60px; }
	.form .form-group.hor-g.captcha-wrap>.con { margin-left: 70px; }

	.form .form-group.must>label:after { content: '*'; display: inline-block; color: #d20909; margin: 0 0 0 6px; }
	.form .con { position: relative; }
	.form .form-group.hor-g .con { margin-left: 100px; font-size: 15px; min-height: 32px; }
	.form .form-group.hor-g>label {
		width: 90px;
	    position: absolute;
	    left: 0;
	    top: 0;
	    line-height: 1.4em;
	    font-size: 15px;
	}
	.form .form-group-half:after { content: ''; display: block; clear: both; }
	.form .form-group-half .form-group { float: left; width: 50%; }
	.form .form-group-half .form-group:nth-child(1) { padding-right: 1%; }
	.form .form-group-half .form-group:nth-child(2) { padding-left: 1%; }

	.form .form-group.address-wrap .maparea {
	    display: inline-block;
	    margin-right: 5px;
	    padding: 6px 7px;
	    line-height: 1em;
	    font-size: 14px;
	    background-color: #e1e1e1;
	}
	.form .form-group.address-wrap select { width: 49.5%; margin-bottom: 10px; float: left; }
	.form .form-group.address-wrap select:nth-child(1) { margin-right: .5%; }
	.form .form-group.address-wrap select:nth-child(2) { margin-left: .5%; }

	.form .form-group .rc-other { position: relative; padding-left: 60px; }
	.form .form-group .rc-other .rc-wrap { position: absolute; left: 0; top: 4px; width: 55px; margin: 0; }

	.form .form-group.name-wrap .con { padding-right: 140px; }
	.form .form-group.name-wrap .sex-box { position: absolute; right: 10px; top: 0; }

	.form .form-group.term-wrap input.rc + label { font-size: 14px; }

	@media (max-width:767px) {
		.form .rc-table tr td { display: block; width: 100%; }
		.captcha-wrap .con .form-control { max-width: 150px; }
	}


	.cart-info-box .form-group.hor-g { margin-bottom: 0; }
	  .cart-info-box .cart-title { font-size: 20px; margin: 0 0 20px 0; }
	  .cart-info-content {
	  	padding: 20px 25px;
	  	border: 1px solid #ddd;
	  }
	  @media (max-width:767px) {
	  	.cart-info-box { margin-top: 20px; }
	  	.cart-info-content {  padding: 15px; }
	  	.cart-info-box .form-group.hor-g>label { width: 60px; }
	  	.cart-info-box .form-group.hor-g .con { margin-left: 70px; }
	  }



	.btn { color: #fff; font-size: 16px; padding: 10px; }
	.rc-wrap { display: block; }
	.rc-wrap:not(:last-child) { margin-bottom: 2rem; }
	.rc-wrap a { display: inline-block; }

	input.rc {


	    display:none;
	}
	input.rc + label {
	    font-weight: normal;
	}
	input.rc + label .rc-box {
	    display:inline-block;
	    width:20px;
	    height:20px;
	    background:#fff;
	    border:1px solid #BABABA;
	    cursor:pointer;
	    margin:-3px 5px 0 0;
	    vertical-align:middle;
	    box-shadow: inset 0px 0px 2px 1px rgba(215, 215, 215, 0.72);

	}
	input.rc:checked + label .rc-box:before {
	    width:10px;
	    height:10px;
	    margin:4px auto;
	    content:'';
	    display: block;

	}
	input.rc[type="radio"] + label .rc-box, input.rc[type="radio"]:checked + label .rc-box:before {
	    border-radius: 50%;
	    -webkit-border-radius: 50%;
	    -moz-border-radius: 50%;
	    -o-border-radius: 50%;
	}
	input.rc[type="checkbox"] + label .rc-box, input.rc[type="checkbox"]:checked + label .rc-box:before {
	    border-radius: 2px;
	    -webkit-border-radius: 2px;
	    -moz-border-radius: 2px;
	    -o-border-radius: 2px;
	}
	input.rc[type="radio"]:checked + label .rc-box:before {
	    background:#444;
	}
	input.rc[type="checkbox"]:checked + label .rc-box:before  {
	    background: url(../images/icon/tick.png) no-repeat center center;
	}
	.rc-wrap.checkbox input.rc + label .rc-box {
		position: absolute; left: 0; top: 5px;
	}

	select.ss {
	  background-image: url(../images/icon/select-arr.png);
	    width: 100%;
	    -webkit-appearance: none;
	    -moz-appearance: none;
	    appearance: none;
	    background-position: right center;
	    background-repeat: no-repeat;
	    cursor: pointer;
	    padding:0 10px;
	    background-color: #F8F8F8;
	    height:40px;
	    border-radius: 4px;
	    -webkit-border-radius: 4px;
	    -moz-border-radius: 4px;
	    -o-border-radius: 4px;
	    border:1px solid #CDCDCD;
        background-size: 30px auto;
		min-width: 130px; 
	}
	select.ss::-ms-expand {    display: none;}
	::-webkit-input-placeholder {
	   color: #444;
	}

	:-moz-placeholder { /* Firefox 18- */
	   color: #444;
	}

	::-moz-placeholder {  /* Firefox 19+ */
	   color: #444;
	}

	:-ms-input-placeholder {
	   color: #444;
	}

	.cp-search-inner ::-webkit-input-placeholder {
	   color: #fff;
	}

	.cp-search-inner :-moz-placeholder { /* Firefox 18- */
	   color: #fff;
	}

	.cp-search-inner ::-moz-placeholder {  /* Firefox 19+ */
	   color: #fff;
	}

	.cp-search-inner :-ms-input-placeholder {
	   color: #fff;
	}



	.theme-style-dark #header .navigation-row { background-color:#781849 }
	.theme-style-dark { background-color: #333333; }
	.theme-style-dark,
	.theme-style-dark h3,
	.theme-style-dark .archives-widget ul li a,
	.theme-style-dark .project-row .project-box .text-box h3 a { color: #fff; }
	.theme-style-dark .inner-banner .breadcrumb:before { border-top: 23px solid #1b1919; left: -24px; }
	.theme-style-dark .inner-banner .breadcrumb:after { right: -24px; border-top: 23px solid #1b1919; }
	.theme-style-dark .inner-banner .breadcrumb { background-color: #e2b567; border: 1px solid #ba8933; }
	.theme-style-dark .project-row .project-box .text-box { background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(204, 204, 204, 0.3); }
	.theme-style-dark .archives-widget>ul>li { border-bottom: 1px solid rgba(204, 204, 204, 0.3); }
	.theme-style-dark .pagination-box .pagination > li > a { background-color: rgba(255, 255, 255, 0.12); }
	.theme-style-dark .footer-section-2 {
	    background: url(../images/header-bg.jpg) #212121;
	}
	.theme-style-dark .stick-sidebar { color: #444; }

	.footer-bottom { display: flex; justify-content: space-between; font-size: 12px; } 
	.pd-sort { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 30px; padding: 0; }
	.pd-sort .pd-s-filter { display: flex; align-items: center; }
	.pd-sort .pd-s-filter label { margin: 0; padding: 0 10px 0 0; }
	.pd-sort .pd-s-filter select { margin-right: 4px; border: 1px solid #ccc; border-radius: 3px; }
	.pd-sort .pd-s-filter select:last-child { margin-right: 0; }
	.pd-sort .pd-s-btn { display: flex; }
	.pd-sort .pd-s-btn a { display: block; padding: 5px; width: 44px; height: 44px; background: #fff; color: #ccc; line-height: 34px; text-align: center; border: 1px solid #ccc; }
	.pd-sort .pd-s-btn a.active { background: #d40208; color: #fff; }
	.pd-sort .pd-s-btn a.btn-grid { border-radius: 3px 0 0 3px; border-right: 0; }
	.pd-sort .pd-s-btn a.btn-list { border-radius: 0 3px 3px 0; border-left: 0; }

	.home-navi { padding: 60px 0 45px; }
	.home-navi a { display: block; margin-bottom: 15px; background-size: cover; background-position: center right; background-repeat: no-repeat; border: 1px solid #ccc; color: #222; box-shadow: inset 0 0 10px #fff, 0 0 5px rgb(0 0 0 / 10%); overflow: hidden; outline: 0; transition: .3s; }
	.home-navi a:hover { text-decoration: none; color: #fff; background-color: #d40208; transform: translateY(-5px) scale(1.02); box-shadow: inset 0 0 10px #fff, 0 1.5rem 3rem -1.5rem rgb(0 0 0 / 40%); border-radius: 4px; }
	.home-navi a span { display: block; margin: -1px; padding: 20px 15px; line-height: 40px; background: linear-gradient(120deg, #fff 45%, #ffffff00 80%); }
	.home-navi a:hover span { background: linear-gradient(to right, #d40208 35%, #d4020800 100%); }
	
	.project-section .pd-wrapper.pd-grid { margin: 0 -15px; display: flex; flex-wrap: wrap; }
	.project-section .pd-wrapper.pd-grid .item { margin: 0 15px; width: calc(25% - 30px); }
	.project-section .pd-wrapper.pd-grid .item .pd-list-btn-wrap .pd-list-btn { display: inline-block; margin: 5px 0 0; width: auto; }
	.project-section.home-project-section .pd-wrapper.pd-grid .item { margin: 0 15px 20px; width: calc(16.6666666667% - 30px); }

	.input-wrap { display: inline-flex; margin-bottom: 10px; }
	.input-wrap .form-control { padding: 10px 15px; border-radius: 3px 0 0 3px; height: 40px; }
	.input-wrap a.btn { padding: 5px 15px !important; line-height: 30px; background: #d40208; color: #fff !important; border-radius: 0 3px 3px 0; height: 40px; }
	
	.video-box .nav.nav-tabs { border-bottom-color: #d2c8b7; }
	.video-box .nav.nav-tabs a { background-color: #f3f3f3; border-radius: 0; border-color: #d2c8b7; color: #222; }
	.video-box .nav.nav-tabs li.active a { background-color: #fff; border-bottom-color: #fff; color: #d40208; }
	.video-box .tab-pane { padding: 30px; border: 1px solid #d2c8b7; border-top: 0; }
	
	.project-row .item .pd-ls-metas span { padding: 0 3px; }
	.project-row .item .pd-ls-metas .meta-price { display: flex; align-items: center; font-size: 20px; font-weight: 700; }
	.project-row .item .pd-ls-metas .meta-price:before { content: attr(data-txt); margin-right: 3px; font-size: 14px; }
	.project-row .item .pd-ls-metas .meta-times { color: #666; }
	.project-row .item .pd-ls-metas .meta-times:before { content: '/'; margin-right: 3px; }
	.project-row .item .pd-ls-metas .meta-times:after { content: attr(data-txt); margin-left: 3px; }
	.project-row .item .pd-ls-metas .meta-date i { margin-right: 3px; color: #999; }
	.project-row .item .pd-ls-btns label { margin: 0; }
	
	.project-row .pd-list .item { margin-bottom: 10px; }
	.project-row .pd-list .item .project-box { margin-bottom: 0; }
	.project-row .pd-list .item .text-box { padding: 0px 10px; }
	.project-row .pd-list .item .pd-ls-title { margin: 0; padding: 0; }
	.project-row .pd-list .item .pd-ls-metas { display: inline-flex; }
	.project-row .pd-list .item .pd-ls-metas span { line-height: 35px; }
	.project-row .pd-list .item .pd-ls-metas .meta-date { margin: 0 30px; }
	.project-row .pd-list .item .pd-ls-btns { display: inline-flex; }
	.project-row .pd-list .item .pd-ls-btns .pd-list-btn { margin: 0; }


	.project-row .pd-grid .item .pd-ls-title { margin: 0 0 1rem; padding: 0; min-height: 85px; border-bottom: 1px dotted #222; -webkit-line-clamp: 3; }
	.project-row .pd-grid .item .pd-ls-metas { display: flex; flex-wrap: wrap; justify-content: center; }
	.project-row .pd-grid .item .pd-ls-btns { margin-top: 1rem; }
	
	.project-section.home-project-section .project-row .project-box .text-box { padding: 0; }

	
	.project-section.home-project-section .project-row .pd-grid .item .pd-ls-metas .meta-times { color: #666; }
	.project-section.home-project-section .project-row .pd-grid .item .pd-ls-metas span { padding: 0 3px; line-height: 35px; }
	.project-section.home-project-section .project-row .pd-grid .item .pd-ls-btns { display: flex; margin: 0; }
	.project-section.home-project-section .project-row .pd-grid .item .pd-ls-btns .pd-list-btn { padding: 0 8px; height: 35px; line-height: 35px;}
	.project-section.home-project-section .project-row .pd-grid .item .pd-ls-btns span[class*="tag-"],
	.project-section.home-project-section .project-row .pd-grid .item .pd-ls-btns span[class^="tag-"] { padding: 0px 8px; height: 35px; line-height: 33px; border-radius: 0; }

	.pd-dt-meta { display: flex; flex-wrap: wrap; }
	.pd-dt-meta dl { display: flex; flex: 1 1 50%; align-items: center; margin: 0; padding: .5rem 0; border-bottom: 1px solid #ccc; }
	.pd-dt-meta dl.full { flex: 1 1 100%; }
	.pd-dt-meta dl dt { font-weight: normal; white-space: nowrap; }
	.pd-dt-meta dl dd { color: #d40208; font-family: "Roboto Condensed"; }
	.pd-dt-meta dl dd a { padding: 0 6px; color: #666; }
	.pd-dt-meta dl dd small { color: #777; }
	.pd-dt-meta .pd-current { flex: 1 1 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: 0 0 2rem; padding: 2rem; background-color: #f8efe2; }
	.pd-dt-meta .pd-current .pd-price { flex: 1 1 0%; }
	.pd-dt-meta .pd-current .big { font-size: 24px; font-weight: 700; color: #1b1919; }
	.pd-dt-meta .pd-current .small { font-size: 16px; color: #1b1919; }
	.pd-dt-meta .pd-current .big span,
	.pd-dt-meta .pd-current .small span { color: #d40208;}
	.pd-dt-meta .pd-current .big span small { font-size: 15px;}
	.pd-dt-meta .pd-refresh a { display: block; padding: 1.5rem; background-color: #d40208; color: white; font-weight: bold; border-radius: 3px;}
	.pd-dt-meta .pd-refresh a .fas { margin-right: .5rem;}

	.form-bid { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 2rem 0; }
	.form-bid .input-wrap { display: flex; flex-direction: column; margin-bottom: 0; }
	.form-bid .input-wrap .inner { display: flex; margin: 0; border: 1px solid #ccc;}
	.form-bid .input-wrap:last-child { margin-right: 0; }
	.form-bid .input-wrap .inner:before { display: block; content: "NT$"; padding: 10px 0 10px 10px; font-family: "Roboto Condensed"; color: #666; line-height: 30px; }
	.form-bid .input-wrap .inner input { max-width: 14rem; padding: 10px; font-size: 24px; color: #222; font-family: "Roboto Condensed"; font-weight: bold; border: 0; outline: 0; }
	.form-bid .input-wrap .inner a { padding: 10px 15px; width: 5rem; background: #666; color: #ddd; line-height: 30px; text-align: center; }
	.form-bid .input-wrap .inner a:hover { color: #fff; }
	.form-bid .input-wrap .inner button,
	.form-bid .input-single .inner button { padding: 10px 20px; background: #222; color: #fff; font-weight: bold; border: 0; border-radius: 0; outline: 0; }
	.form-bid .input-wrap .inner input, .form-bid .input-wrap button { height: 50px; line-height: 30px; }
	.form-bid .input-wrap .tips { display: flex; margin: 10px 0 0; }
	.form-bid .input-wrap .tips dt { font-weight: normal; }
	.form-bid .input-wrap .tips dd {color: #d40208; font-family: "Roboto Condensed"; }
	.form-bid .input-single { margin: -20px auto 20px;}
	.form-bid .input-single .inner button { border-radius: 3px;}
	@media screen and (min-width:780px) {
		.form-bid .input-wrap .inner button:focus, .form-bid .input-wrap button:hover,
		.form-bid .input-single .inner button:focus, .form-bid .input-single .inner button:hover { background: #d40208; }
	}
	@media screen and (max-width:480px) { 
		.form-bid .input-wrap .inner { gap: 8px; flex-wrap: wrap; justify-content: center; position: relative; border: 0;}
		.form-bid .input-wrap .inner:before { position: absolute; left: 0;}
		.form-bid .input-wrap .inner input { max-width: unset; flex: 1 1 100%; padding-left: 40px; border: 1px solid #ccc;}
		.form-bid .input-wrap:first-child .inner button,
		.form-bid .input-single .inner button { flex: 0 0 auto; background-color: #d40208; border-radius: 3px; }
		.form-bid .input-wrap button { flex: 0 0 auto; height: 40px; line-height: 20px; border-radius: 3px; }
	}

	.pd-dt-button { margin: 2rem 0; }
	.pd-dt-button .btn { margin: 0 1.5rem 1.5rem 0; padding: 0 15px; border-radius: 3px; line-height: 45px; height: 45px; box-sizing: border-box; }
	.pd-dt-button .btn i { margin-right: 1rem; }
	.pd-dt-button .btn.line-btn { background: #4778d8; color: #fff !important; }
	.pd-dt-button .btn.info-btn { color: #666; border: 1px solid #cecece; }

	.video-row { margin: 3rem 0; }
	.page-switch { margin: 3rem 0; padding: 0; display: flex; list-style: none; }
	.page-switch li { position: relative; margin: 0; padding: 0 20px; flex: 0 0 50%; overflow: hidden; }
	.page-switch li:first-child .fas { position: absolute; left: 0; top: 3px; }
	.page-switch li:last-child .fas { position: absolute; right: 0; top: 3px; }
	.page-switch li a { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
	.page-switch li:last-child { text-align: right; }

	.cart-table-list .mb-content { display: flex !important; align-items: center; }
	.cart-table-list .mb-content.center { justify-content: center; }	
	.cart-table-list td.t-price .mb-content.center { flex-direction: column;}
	.cart-table-list td.t-price .mb-content.center span { font-family: "Roboto Condensed"; color: #d40208; }
	.cart-table-list td.t-name .mb-content { flex-wrap: nowrap; cursor: pointer; }
	.cart-table-list .mb-content .pd-name { display: flex; flex-wrap: wrap; padding-left: 10px; font-size: 16px; }
	.cart-table-list .mb-content .pd-name span.number { flex: 0 0 auto; order: 1; font-size: 14px; color: #d40208; }
	.cart-table-list .mb-content .pd-name i.status { flex: 0 0 auto; order: 2; margin-left: 1rem; padding: 0 3px; font-size: 14px; font-style: normal; color: #fff; border-radius: 2px; }
	.cart-table-list .mb-content .pd-name i.status-done { background: #3e9c5a; }
	.cart-table-list .mb-content .pd-name i.status-none { background: #d40208; }
	.cart-table-list .mb-content .pd-name span.title { flex: 1 1 100%; order: 3;width: 350px;	 white-space: nowrap;overflow: hidden; text-overflow: ellipsis; }
	.cart-table-list .mb-content .pd-image { position: relative; }
	.cart-table-list .mb-content .pd-image .flip-container { position: relative; z-index: 1; }
	.cart-table-list .mb-content .pd-image b { position: absolute; z-index: 2; left: 0; bottom: 0; }
	.cart-table-list .pd-price { font-family: "Roboto Condensed"; color: #d40208; }
	.cart-table-list .pd-price .mb-content { flex-direction: column;}
	.cart-table-list .pd-price .mb-content span { display: block; flex: 1 1 100%; }
	.cart-table-list .mb-content.center .mb-content a { display: block; color: #d40208; }
	.cart-table-list .base-btn.gopay { min-width: unset; padding: 8px 10px; height: auto; line-height: 1; border-radius: 3px; }
	.cart-table-list .mb-content .fancybox { display: inline-block; padding: 2px 5px; background-color: #222; color: #fff; border-radius: 3px;}

	.page-order-wrap .page-pd-ls-wrap .project-row .pd-list .item { padding: 0; }

	.widget-price { margin: 0; padding: 0; list-style: none; border: 1px solid #ccc; }
	.widget-price li { display: flex; justify-content: space-between; border-bottom: 1px solid #ccc; }
	.widget-price li:last-child { border-bottom: none; }
	.widget-price li span { flex: 1; padding: 5px 10px; min-width: 16rem; font-family: "Roboto Condensed"; }
	.widget-price li span:last-child { color: #d40208; min-width: 8rem; }

	#msg-notice .alert-notice { position: fixed; z-index: 999; right: 0; bottom: 0; margin: 10px; padding: 1.5rem; max-width: 30vw;
		background: url('../images/header-bg.jpg'); border-width: 6px; border-color: #D40006; color: #444; box-shadow: 0 10px 20px #00000025; transition: 0.3s;}
	#msg-notice .alert-notice button.close { position: absolute; right: 0; top: 0; padding: .5rem 1rem; opacity: .6; }
	#msg-notice .alert-notice .base-btn { margin: 0; min-width: auto; border-radius: 4px; background: #d40208; }
	#msg-notice .alert-flex{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: end; }

	.member-faq ul,
	.member-faq li { margin: 0; padding: 0; list-style: none; }
	.member-faq li,
	.msg-items { margin-bottom: 30px; }
	.faq-item { position: relative; margin-left: 20px; padding: 2rem 3rem; border: 1px solid #ccc; }
	.faq-item h3 small { font-family: "Roboto Condensed"; font-size: 14px; color: #a8a0a0; }
	.faq-item p:last-child { margin-bottom: 0; }
	.msg-items p { margin-top: 0; }
	.faq-question { background: #fff; border-radius: 10px 10px 0 0;}
	.faq-question:before,
	.faq-answer:before { position: absolute; left: -20px; top: 13px; width: 40px; height: 40px; color: #fff; text-align: center; line-height: 40px; border-radius: 100%; }
	.faq-question:before { content: "Q"; background: #d40208;}
	.faq-answer { margin-top: 5px; background: #f8f5f0; border-radius: 0 0 10px 10px; }
	.faq-answer:before { content: "A"; background: #ba8933; }
	.faq-answer h3 { color: #ba8933; }

	.wish-title { display: flex; justify-content: space-between; align-items: center; margin-bottom: 3rem; }
	.wish-title h3 { margin: 0; }
	.wish-title .btn { color: #444; border: 1px solid #ccc; }

	.wish-list { margin: 0; padding: 0; list-style: none; }
	.wish-list li { margin-bottom: 2rem; padding: 2rem; border: 1px solid #ccc; }
	.wish-list li h3 { position: relative; padding-right: 100px; color: #d40208; font-family: "Roboto Condensed", "微軟正黑體", sans-serif; }
	.wish-list li h3 time { position: absolute; right: 0; color: #999; font-size: 14px; }

	.wish-list li p:last-child { margin-bottom: 0; }

	.default-box { padding: 20px; border: 1px solid #ccc; }
	.default-box .contact-form { float: none; margin: 0; }
	
	.wish-top { display: flex; align-items: center; flex-wrap: wrap; }
	.wish-top img { margin-right: 2rem; }
	.wish-top p { font-size: 16px; color: #000; display: block; }

	.order-id { margin: 0 !important; padding: 5px 10px; background: #000; color: #fff !important; }
	.order-id + table { margin-bottom: 3rem; }

	.total-box { margin: -3rem 0 3rem 0; padding: 1rem; background: #f8f3ea; color: #d40208; font-size: 18px; font-weight: 700; font-family: "Roboto Condensed", "微軟正黑體", sans-serif; text-align: right; border: 1px solid #e8e8e8; border-top: 0; }
	
	.search-form { margin-bottom: 20px; }
	.search-form form { display: flex; flex-wrap: nowrap; width: 30vw; }
	.search-form input[type="text"] { width: 100%; height: 45px; padding: 0 15px; border: 1px solid #ccc; box-shadow: 0 0 5px rgb(0 0 0 / 10%); box-sizing: border-box; font: 400 14px 'Open Sans', 'Noto Sans TC', "Microsoft JhengHei", sans-serif; color: #777;}
	.search-form button { margin-left: 20px; width: 50px; height: 45px; background: #ba8933; text-align: center; color: #fff; border: 0; }
	.search-result { margin-bottom: 6rem; }
	
	#change-address { position: relative; padding-left: 30px; cursor: pointer; }
	#change-address:before,
	#change-address:after { display: block; content: ""; position: absolute; transition: .3s; }
	#change-address:before { left: 0; width: 20px; height: 20px; border-radius: 100%; border: 1px solid #ccc; }
	#change-address:after { left: 4px; top: 4px; width: 12px; height: 12px; border-radius: 100%; background: #fff; }
	#change-address.active:after { background: #ba8933; }
	#address-edit { margin-bottom: 3rem; }

	.payment-box { margin: 30px 0 50px; }
	.pay-box { display: flex; flex-wrap: wrap; align-items: center; margin: 10px 0 0; border: 1px solid #d2c8b7; padding: 20px 30px; border-radius: 3px;}
	.pay-box h4 { flex: 0 0 140px; margin: 0; padding: 0; }
	.pay-box .inner { display: flex; flex: 1 1 100%;}
	.pay-box .inner + .inner { margin-top: 20px; }
	.pay-box .inner > div { width: 30%; padding-right: 30px;}

	.payment-final { padding: 40px 0; }
	.payment-address { display: flex; margin-bottom: 15px; }
	.payment-address select { margin: 0 15px; width: calc(50% - 15px); }
	.payment-address select:first-child { margin-left: 0; }
	.payment-address select:last-child { margin-right: 0; }

	.radio { position: relative; margin: 0; padding: 10px 0; line-height: 20px; }
	.radio input[type="radio"] { left: 0; margin-left: 0 !important; }
	.radio.inline { display: inline-block; margin-right: 1.5rem; }
	.radio.inline:last-child { margin-right: 0; }

	.empty-tips { display: block; padding: 2rem; width: 100%; text-align: center; }
	.empty-tips i { display: block; margin: 0 auto 30px; font-size: 32px; color: #d40208; }

	textarea#payment_note::placeholder { color: red; font-size: 18px; }


	@media (max-width:991px) { 
		.project-section.home-project-section .pd-wrapper.pd-grid .item { width: calc(25% - 30px); }
	}
	@media (max-width:767px) {
		.project-section .pd-wrapper.pd-grid .item { width: calc(50% - 30px); }
		.page-switch li { flex: 0 0 100%; }
		.page-switch li:last-child { text-align: left; }
	}
	@media (max-width:479px) {
		.header-style-2 .navigation-row #nav { margin: 5px 0 0; }
		.topbar .center-box { align-items: flex-start; }
		.exchange-rate { flex-wrap: wrap; padding: 8px 0; }
		.exchange-rate .unit { flex: 1 1 100%; font-size: 14px; line-height: 1.2; margin-bottom: 5px; }
		.home-navi { padding: 20px 0 5px; }
		.home-navi a span { padding: 10px 15px; }
		.project-section { padding: 20px 0; }
		.project-section .pd-wrapper.pd-grid .item { width: calc(100% - 30px); }

		.attend-event { padding: 0; }
		.footer-section-2 address { float: none; }
		.page-pd-ls-wrap .pd-grid { padding: 0 4px; }
		.page-pd-ls-wrap .pd-grid .item { margin: 0 0 15px; padding: 0 4px; width: 33.3333333333%; }
		.page-pd-ls-wrap .flip-container, .page-pd-ls-wrap .front, .page-pd-ls-wrap .back { width: 100%; height: 100%; }
		.page-pd-ls-wrap .project-row .project-box .text-box:before { display: none; }
		
		.project-row .pd-list .item { flex: 1 1 100%; margin: 0 0 5px 0; padding: 0 0 5px 0; border-bottom: 1px solid #dedede; }
		.project-row .pd-list .item .pd-ls-title { margin: 0; padding: 0; width: 100%; -webkit-line-clamp: 3; }
		.project-row .pd-list .item .pd-ls-metas { display: flex; flex-wrap: wrap; flex: 1 1 100%; }
		.project-row .pd-list .item .pd-ls-btns { flex: 0 0 100%; }
		
		.project-row .pd-grid .item .pd-ls-metas { justify-content: center; }
		.project-row .pd-grid .item .pd-ls-metas span { display: block; width: 100%; text-align: center; }
		.project-row .pd-grid .item .pd-ls-metas .meta-times:before { display: none; }
		.project-row .pd-grid .item .pd-ls-metas .meta-date { font-size: 12px; }
		.project-row .pd-grid .item .pd-ls-metas .meta-date i { display: none; }

		.pd-dt-right .desc table tbody > tr { display: flex; flex-wrap: wrap; }
		.pd-dt-right .desc table tbody > tr > td { flex: 1 1 100%; padding: 0; }

		.pd-dt-meta .pd-refresh { margin: 1rem 0 0;}

		.pd-dt-meta dl { flex: 1 1 100%; }
		.form-bid .input-wrap:last-child { margin-top: 2rem; }
		.pd-dt-button { display: flex; flex-wrap: wrap; }
		.pd-dt-button .btn { margin: 0; flex: 1 1 50%; }
		.pd-dt-button .btn:first-child { margin-bottom: 1rem; }

		.project-section .project-row { padding: 0; }
		.project-row .item .pd-ls-btns label { margin: 0; }

		.project-row .pd-list .item .text-box { padding: 0 0 0 15px; }
		.project-row .pd-list .item .pd-ls-metas span { line-height: 24px; }
		.project-row .pd-list .item .pd-ls-metas .meta-date { margin: 0; }
		.project-row .pd-list .item .pd-ls-btns .add-btn label { display: none; }
		
		.project-section.home-project-section .pd-wrapper.pd-grid { padding: 0 2px; }
		.project-section.home-project-section .pd-wrapper.pd-grid .item { margin: 0 0 10px; padding: 0 2px; width: 33.33333333%; }
		.project-section.home-project-section .project-row .pd-grid .item .pd-ls-metas { padding-top: 5px; flex-wrap: wrap; }
		.project-section.home-project-section .project-row .pd-grid .item .pd-ls-metas span { flex: 1 1 100%; line-height: 24px; justify-content: center; text-align: center; }
		.project-section.home-project-section .project-row .pd-grid .item .pd-ls-metas .meta-times:before { display: none; }

		.search-form form { width: 100%; }

		.order-title { margin-bottom: 0; }
		.order-content { margin-bottom: 15px; }

		#msg-notice .alert-notice { max-width: 100vw; min-width: 90vw; }
		.btn-row a.base-btn.btn-line { margin-top: 20px; }

		.offer-box { margin: 5px 10px; gap: 8px; flex-wrap: wrap; justify-content: center; width: 100%; border: 0;}
		.offer-box input { max-width: unset; flex: 1 1 0%; border: 1px solid #ccc}
		.offer-box button { padding: 5px 10px; border-radius: 3px; }
		.cart-table-list td.t-name .mb-content { flex: 1 1 calc(100% - 100px); flex-direction: column; align-items: flex-start;}
		.cart-table-list .mb-content .pd-name span.title { width: auto; white-space: unset; overflow: unset; text-overflow: unset; }
		.cart-table-list .mb-content .pd-name { padding: 0;}

		.pd-dt-meta .pd-current .pd-price { flex: 1 1 100%; }

		.theme-style-1 h3 { margin: 0;}
		.theme-style-1 h3 + p { margin: 0 0 5px 0;}
		#msg-notice .alert-notice { padding: 8px;}
		#msg-notice .alert-notice .base-btn { height: 30px; line-height: 30px;}
	}
	
	@media print {
		@page {
			size: A4 landscape;
			margin:2cm;
		}
		.print nav,
		.print header,
		.print .inner-banner,
		.print .stick-sidebar,
		.print .goTop,
		.print footer { display: none; }
		.print .main,
		.print .payment-final { margin: 0; padding: 0; }
		.print .main .container { width: 100%; }
	}