@import url(https://fonts.googleapis.com/css?family=Alegreya+SC:400italic);



.main{width:1200px; margin:auto;}
.m_top{margin-top:8% !important;}
ul.breadcrumb{float:right; width:60%; text-align:right; margin-bottom:2%;}
ul.breadcrumb li{background:url(../images2017/primary/breadcrumb_line.gif) no-repeat right 2px; display:inline-block; font-size:12px; color:#9c9c9c; padding-right:15px; margin-right:15px;}
ul.breadcrumb li a{color:#9c9c9c;}
ul.breadcrumb li a:hover{color:#000;}
ul.breadcrumb li:last-child{background:none; padding-right:0; margin-right:0;}
.title{float:left; width:40%; font-size:24px; color:#7a5e5a; font-family: 'Alegreya', serif; letter-spacing:0.1em; margin-bottom:2%;}
.title span{font-size:13px; margin-left:15px; font-family:Verdana,Geneva,"微軟正黑體",'cwtexhei'; vertical-align:middle; letter-spacing:normal;}



.banner{width:100%; margin-bottom:2%;}
.banner img{width:100%; height:auto;}
.list{margin-bottom:2%;}
.edit{color:#555; line-height:28px; font-size:16px;}
.edit p{font-size:16px; line-height:28px;}
.edit img{max-width:100%;}
.img_big{display:block;}
.img_small{display:none;}


/* brand */
ul.brand{width:85%; margin:2% auto;}
ul.brand li{width:47.5%; margin:0 1% 3% 1%; display:inline-block; text-align:center; vertical-align:top; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
ul.brand li img{width:100%; height:auto;}
ul.brand li.bgcolor{height:57px; font-size:16px; padding:15px 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
ul.brand li.bgcolor:hover a{position:relative; top:1px; left:1px;}



/* products */
ul.pro_item{margin-bottom:3%;}
ul.pro_item:first-child{margin-bottom:1%;}
ul.pro_item li{display:inline-block; font-size:16px; color:#555; background:url(../images2017/other/pro_item_icon.png) no-repeat left 5px; padding-left:17px; margin-right:25px;}
ul.pro_item li a{color:#555;}
ul.pro_item li a:hover{color:#907550;}
ul.pro_item li:last-child{margin-right:0;}
ul.pro_item li.current{background:url(../images2017/other/pro_item_icon_current.png) no-repeat left 8px;}
.pro_item2{margin-bottom:3%;}
.pro_item2 h2{background:url(../images2017/other/pro_item_icon_current.png) no-repeat left 8px; padding-left:17px; margin-right:25px; display:inline-block; font-size:16px; color:#555;}
.pro_item2 > ul{display:initial;}
.pro_item2 > ul > li{display:inline-block; color:#ae9777; border-right:1px solid #ae9777; padding:0 7px 0 0; margin:0 5px 0 0; line-height:13px; font-size:13px;}
.pro_item2 > ul > li a{color:#ae9777;}
.pro_item2 > ul > li a:hover{color:#555;}
.pro_item2 > ul > li:nth-child(2){margin-right:0; padding-right:0; border-right:none;}
.pro_item2 .pro_more{float:right;}
.pro_item2 .pro_more a{color:#fff; background:#ae9777; padding:6px 0; text-align:center; width:110px; display:block; font-size:16px; border:1px solid #ae9777; border-radius:6px; margin-right:5%;}
.pro_item2 .pro_more a:hover{background:none; color:#ae9777;}
.subnav{float:right; margin-right:5px;}


.drop-other{display:none !important;}
/* Dropdown style */
.dropdown {
  /*width: 96%;*/
  min-width:150px;
  margin: -15px 0 0 7px;
  display:block;
  display:inline-block;
}
.dropdown dt a {
  display: block;
  height: 3.5em;
  width: 100%;
  /*border: 1px solid #bbb;*/
  border-radius: 3px;
  text-decoration: none;
  background:#ae9777;
}
.dropdown dt a:hover, .dropdown dt a:active {
  border-color: #ae9777;
}
.dropdown dt span {
  display: block;
  padding: 0.5em 1em;
  background: url(../images2017/other/scroll_arrow_down.gif) no-repeat 98% 18px;
  border-right: 1em solid transparent;
  cursor: pointer;
  color:#fff;
  font-size:16px;
}
.dropdown dd {
  position: relative;
}
.dropdown dd ul {
  display: none;
  position: absolute;
  left: 0;
  top: -3.6em;
  width: 100%;
  list-style: none;
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ae9777;
  border-radius: 3px;
  z-index:99999;
}
.dropdown dd ul li:first-child a:hover {
  border-radius: 3px 3px 0 0;
}
.dropdown dd ul li:last-child a:hover {
  border-radius: 0 0 3px 3px;
}
.dropdown dd li a {
  display: block;
  padding: 0 1em;
  text-decoration: none;
  color:#555;
  font-size:16px;
  line-height:2em;
}
.dropdown dd li a:hover {
  background-color: #f8f6ea;
  color: #907550;
  cursor: pointer;
}

.selected {
  font-weight: 700;
}









/* products-list */
dl.pro_single{width:23.3%; display:inline-block; vertical-align:top; margin:0 1.6% 2% 0; /*background:#faf8ef;*/  border:#d6c5ae 1px solid;transition:all 0.5s ease-in-out;}
/*dl.pro_single:nth-child(4n){margin-right:0;}*/
dl.pro_single.p_4n{margin-right:0;}
dl.pro_single:hover{/*border:#ae9777 1px solid;*/ box-shadow:0 0 8px 0 rgba(0,0,0,0.2); cursor:pointer;}
dl.pro_single dt{width:100%; height:230px; text-align:center; overflow:hidden;}
dl.pro_single dt:before{content: ""; height: 100%; display: inline-block; vertical-align: middle;}
dl.pro_single dt img{vertical-align:middle; display:inline-block; transition:all 0.5s ease-in-out; max-width:77%; height:auto;}
dl.pro_single:hover dt img{transform:scale(1.02);}
dl.pro_single dd{text-align:center; padding:1.5% 1% 6% 1%; font-size:15px;}
dl.pro_single dd a{color:#555;}
dl.pro_single dd span{font-size:12px; color:#9d906f; margin-left:7px;}
dl.pro_single:hover dd a{position:relative; left:1px; top:1px;}
/* products-detail */
.open_detail{margin:1% 0 3% 0;}
.det_img{width:50%; height:25vw; float:left; position:relative;text-align:center;}
.det_img:before{content: ""; height: 100%; display: inline-block; vertical-align: middle;}
.det_img img{vertical-align:middle; display:inline-block; max-width:80% !important; width:auto !important; height:auto;}
/*.det_img > li{text-align:center; width:100%; height:100%; background:#ccc;}
.det_img li:before{content: ""; height: 100%; display: inline-block; vertical-align: middle;}
.det_img li img{vertical-align:middle; display:inline-block; max-width:100% !important; width:auto !important; height:auto;}*/
.det_information{width:48%; float:right; height:25vw; position:relative;}
.det_information h2{color:#c70026; font-size:22px; margin-bottom:2%; letter-spacing:0.1em;}
.det_information h3{color:#4e4e4e; font-size:21px; letter-spacing:0.1em; margin:0 0 3% 0; font-weight:normal;}
.det_information h3 span{color:#9d906f; font-size:14px; margin-left:10px; letter-spacing:normal;}
.det_information ul li{margin-bottom:10px; font-size:16px;}
.det_information ul li img{vertical-align:middle;}
.det_information .price{color:#907e62; font-size:14px; margin-top:2%;}
.det_information .fb_share{margin-top:2%;}
.det_information .cert_btn{margin-left:5px; width:110px; display:inline-block;}
.det_information .cert_btn a{padding:5px 10px; color:#fff; font-size:13px; background:#ae9777; margin-right:3%; border-radius:3px;}
.det_information .cert_btn a:hover{background:#c70026;}
.det_information .pro_btn{position:absolute; bottom:0; width:100%; text-align:center;}
.det_information .pro_btn a{display:inline-block; padding:5px 10px; color:#fff; font-size:14px; background:#ae9777; margin-right:3%; border-radius:6px;}
.det_information .pro_btn a img{vertical-align:middle; margin-right:7px;}
.det_information .pro_btn a:nth-child(2){margin-right:0;}
.det_information .pro_btn a:hover{background:#c70026;}
.det_information .close_detail{position:absolute; right:0; top:0;}
.det_information .close_detail:hover{opacity:0.7;}
.det_img .close_detail{display:none;}

.pro_btn2{width:100%; text-align:center; margin-bottom:5%;}
.pro_btn2 a{display:inline-block; padding:7px 12px; color:#fff; font-size:14px; background:#ae9777; margin-right:3%; border-radius:6px;}
.pro_btn2 a img{vertical-align:middle; margin-right:7px;}
.pro_btn2 a:nth-child(2){margin-right:0;}
.pro_btn2 a:hover{background:#c70026;}


/* grid: Move Up */
.grid{margin:30px 0 0 1%;}
.grid li { width:23.5%; display:inline-block; vertical-align:top; margin:0 1.5% 1.5% 0; transition:all ease 0.8s; border-radius:6px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.grid li:hover{box-shadow:0 0 5px rgba(0,0,0,0.5); cursor:pointer;}
.grid li:nth-child(4n){margin-right:0;}
.grid li.shown,
.no-js .grid li,
.no-cssanimations .grid li { opacity: 1;
}

.grid li a,
.grid li img { outline: none; border: none; display: block;
	max-width: 100%;
}
.grid li.animate {
	-webkit-transform: translateY(200px);
	transform: translateY(200px);
	-webkit-animation: moveUp 0.65s ease forwards;
	animation: moveUp 0.65s ease forwards;
}

/* media */
.media li{width:11.2%; word-wrap: break-word; word-break: break-all; margin-right:1.3%;}
.media li:nth-child(4n){margin-right:1.3%;}
.media li:nth-child(8n){margin-right:0;}
.media li dl dd:nth-child(3){padding:0 10px 10px 10px !important;}
.media li dl dd:nth-child(2){font-size:14px; line-height:18px !important;}


@-webkit-keyframes moveUp {
	0% { }
	100% { -webkit-transform: translateY(0); opacity: 1; }
}

@keyframes moveUp {
	0% { }
	100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
}

/* news-list */
.grid li dl{background:#f0f0f0; border:#f0f0f0 1px solid;}
.grid li dl dt{overflow:hidden; width:100%; background:#fff;}
.grid li dl dt img{width:100%; height:auto; transition:all 0.5s ease-in-out;}
.grid li:hover dl dt img{transform:scale(1.05);}
.grid li dl dd{padding:10px; font-size:16px;}
.grid li dl dd:nth-child(2){color:#555; line-height:24px;}
.grid li dl dd:nth-child(2) a{color:#555;}
.grid li:hover dl dd:nth-child(2) a{position:relative; left:1px; top:1px;}
.grid li dl dd:nth-child(3){color:#c70026; font-family: 'Alegreya SC', serif; text-align:right; letter-spacing:0.07em;}
.grid li dl dd.know_con{font-size:13px; color:#75634b; line-height:18px; text-align:left; letter-spacing:normal; font-family:Verdana,Geneva,"微軟正黑體";}
.n_row li{padding:0.7% 2%; margin:0.5% 0;}
.n_row li:nth-child(even){background:#faf8ef;}
.n_row li h3{width:84%; display:inline-block; font-size:20px; font-weight:normal; color:#333; margin:0;}
.n_row li h3 a{color:#333;}
.n_row li h3 a:hover{color:#7a5e5a;}
.n_day{width:16%; color:#c70026; font-family: 'Alegreya SC', serif ,"微軟正黑體"; text-align:right; letter-spacing:0.07em; font-size:16px; display:inline-block;} 
.news-title{padding:1% 2%; background:#faf8ef; margin-bottom:5%;}
.news-title h2{width:84%; display:inline-block; font-size:22px; color:#333;}
/*.news-title .n_day{width:16%; color:#c70026; font-family: 'Alegreya SC', serif ,"微軟正黑體"; text-align:right; letter-spacing:0.07em; font-size:16px; display:inline-block;}*/
.news-detail-img{width:100%; text-align:center; margin-bottom:5%;}
.news-detail-img img{max-width:50%; height:auto;}

.back{border-top:1px solid #a69b8d; margin:5% 0; padding-top:5%; text-align:center;}
.back a{color:#fff; background:#ae9777; padding:10px 30px; font-size:20px; border:1px solid #ae9777; border-radius:6px; margin-right:5%;}
.back a:hover{background:none; color:#ae9777;}
.back a:last-child{margin-right:0;}


/* location */
/*.store_row{background:url(../images2017/other/dotted.png) repeat-x bottom, url(../images2017/other/dotted2.png) repeat-y 50%; padding:0 1.5% 1.5% 1.5%; margin:0 0 1.5% 0;} 
.store_row dl{width:48.5%;}
.store_row dl:nth-child(odd){float:left;}
.store_row dl:nth-child(even){float:right;}
.store_row dl dt{font-size:16px; color:#3c3230; font-weight:bold; margin-bottom:1.5%;}
.store_row dl dt a{color:#3c3230;}
.store_row dl dt a:hover{color:#c70026;}
.store_row dl dd{font-size:13px; color:#75634b; line-height:20px; margin-bottom:0.5%;}
.store_row dl dd a{color:#75634b;}
.store_row dl dd a:hover{color:#c70026;}
.field_store{width:13%; float:left;}
.information_store{width:87%; float:left;}*/

/* contact */
.contact{width:78%; margin:3% auto;}
.contact .tips{font-size:18px; color:#000; margin:0 4% 4% 4%;}
/*.contact .tips .phone{width:30%; float:right; text-align:right; font-size:16px; color:#ae9777;}
.contact .tips .phone img{vertical-align:middle; margin-right:10px;}
.contact .tips .phone span{font-size:18px; font-family: 'Alegreya SC', serif;}*/
.contact form .row{margin-bottom:2.5%; color:#444; font-size:18px;}
.contact form .row label.item{width:22%; padding:1.1% 1.2%; text-align:center; border-radius:5px; line-height:22px; letter-spacing:0.2em; float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.contact form .row:nth-last-child(2) img{vertical-align:middle; margin-left:10px;}
.contact form .text_1{ background:#faf8ef; border:#dad8cf 1px solid; border-radius:6px; width:77%; margin-left:1%; padding:1.2% 2%; line-height:22px; font-weight:normal; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.contact form .text_2{ background:#faf8ef; border:#dad8cf 1px solid; border-radius:6px; width:20%; margin-left:1%; padding:1.2% 2%; line-height:22px; font-weight:normal; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.contact form .text_3{ background:#faf8ef; border:#dad8cf 1px solid; border-radius:6px; width:77%; height:150px; margin-left:1%; padding:1.2% 2%; line-height:22px; font-weight:normal; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.contact form select.text_4{background:#faf8ef; border:#dad8cf 1px solid; border-radius:6px; width:77%; margin-left:1%; padding:1.2% 2%; line-height:22px; font-weight:normal; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.contact form select.text_5{background:#faf8ef; border:#dad8cf 1px solid; border-radius:6px; width:16%; margin-left:1%; padding:1.2% 2%; line-height:22px; font-weight:normal; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.contact form .text_6{ background:#faf8ef; border:#dad8cf 1px solid; border-radius:6px; width:41%; margin-left:1%; padding:1.2% 2%; line-height:22px; font-weight:normal; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.contact form .row .sex{margin:1% 0 0 1.5%; float:left; font-size:18px;}
.contact form .row .con_tips{margin:1% 0 0 25%; font-size:12px; color:#FF0000;}
.contact ul.submit{text-align:center; margin:5% 0;}
.contact ul.submit li{ display:inline-block; margin-right:5%;}
.contact ul.submit li:last-child{margin-right:0;}
.contact ul.submit li input{background:#ae9777; border:#ae9777 1px solid; padding:10px 30px; border-radius:5px; color:#fff; font-size:20px;}
.contact ul.submit li input:hover{background:none; color:#ae9777; cursor:pointer;}
.red{color:#FF0004;}
.login{margin:6% auto;}
.login form{width:60%; float:left;}
.login form .logbox{background:url(../images2017/other/line.png) repeat-y right; padding:0 3% 0 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.login .logbtn{width:38%; float:right; padding:0 5%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.login .logbtn img{margin-bottom:6%; max-width:100%; height:auto;}
.login .logbtn img:hover{opacity:0.6;}
.login form .row{margin-bottom:6%;}
.login form .row label.item{width:30%;}
.login form .text_1{width:55%; padding:2%;}
/*.login ul.add_icon{text-align:center; margin:5% 0;}
.login ul.add_icon li{display:inline-block; margin-right:6%; font-size:18px; color:#444; width:140px;}
.login ul.add_icon li:nth-child(2){margin-right:0;}
.login ul.add_icon li img{vertical-align:middle; margin-right:5%;}
.login ul.add_icon li a{color:#444;}
.login ul.add_icon li a:hover{color:#c70026;}*/
.add_member{margin:6% auto;}
.inquiry{margin:0 auto 6% auto;}
.inquiry .a_title{padding:1.2% 2%; border-bottom:#ae9777 1px solid; color:#816a4b; font-size:22px; margin-bottom:4%; letter-spacing:0.1em;}
.inquiry .a_title span{font-family: 'Alegreya SC', serif; color:#c70026; font-size:36px; padding:0 1%;}
/*.discuss{margin:0 auto 6% auto; width:98%;}
.discuss .add_dis{text-align:right; margin-bottom:3%;}
.discuss .add_dis a{background:#ae9777; border:#ae9777 1px solid; padding:10px 30px; border-radius:5px; color:#fff; font-size:20px;}
.discuss .add_dis a:hover{background:none; color:#ae9777; cursor:pointer;}
.discuss ul{padding:15px;}
.discuss ul li{font-size:16px; line-height:22px; margin-bottom:2%;}
.discuss ul li h2{font-size:20px;}
.discuss ul li.day{font-size:13px; color:#ae9777;}
.discuss ul.question{margin-bottom:3%;}
.discuss ul.answer{background:url(../images2017/other/dotted.png) repeat-x bottom #f8f6ea;}
.discuss ul.answer li.day{text-align:left;}*/

.article{width:100%; margin:3% 0;}
.article p{font-size:18px; margin-bottom:1%;}
.article strong{color:#c70026;}
.article ul{margin-bottom:3%;}
.article ul li{list-style:decimal; margin-bottom:10px; font-size:16px; margin:0 0 1% 2%;}
.article ul:nth-child(4){margin-bottom:4%;}


/* about */
.about{margin:0 0 5% 0; font-size:14px;}
.about a{color:#555;}
.about a:hover{color:#c70026;}
.about .store_img{width:404px; margin:5% auto 10% auto;}
.about .store_img img{max-width:100%;}


table{width:100%; margin-bottom:8%;}
table th,td{padding:1.2%; font-size:16px;}
table thead th{background:#d1c2ad; color:#fff; text-align:center; border-right:1px solid #fff; line-height:18px;}
table thead th:last-child{border-right:none;}
table.inquiry_list thead th:last-child{width:11%;}
table.inquiry_list thead th:first-child{width:78%;}
table tbody th,td{background:url(../images2017/other/dotted.png) repeat-x bottom; padding-bottom:1%;}
table.discuss_t thead th:first-child{width:52%;}
table.discuss_t thead th:nth-child(2), th:nth-child(3){width:12%;}
table.discuss_t thead th:nth-child(4), th:nth-child(5), th:nth-child(6){width:8%;}
table.discuss_t tbody td{text-align:center;}
table.discuss_t tbody td:first-child{text-align:left;}
table.discuss_t tr:hover{background:#f8f6ea;}
table td a{color:#555;}
table td a:hover{color:#c70026;}
table tfoot td{text-align:right; background:none;}
table tfoot td img{vertical-align:middle; margin-right:10px;}
.text_7{ background:#faf8ef; border:#dad8cf 1px solid; border-radius:6px; width:100%; margin-left:1%; padding:5%; line-height:22px; text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.productimg{margin-right:2.5%; width:60px; height:60px; background:#faf8ef; padding:1%; display:inline-block;}
.productimg:before{content: ""; height: 100%; display: inline-block; vertical-align: middle;}
.productimg img{vertical-align:middle; display:inline-block; max-width:100%; height:auto;}

/* GIA */
.gia_block{padding:10px; background:#faf8ef; margin-bottom:2%; color:#555; font-size:14px;}
.gia_block ul{float:left;}
.gia_block ul li{margin-bottom:7px;}
.gia_block ul li:last-child{margin-bottom:0;}
.gia_block ul:nth-child(1){width:45%; border-right:1px solid rgba(174,151,119,0.3); padding-right:5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.gia_block ul:nth-child(2){width:54%; margin-left:1%;}
.gia_block ul li > label{float:left; font-weight:bold; font-size:15px; margin-right:1%; width:10%; padding:5px 0; text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.gia_block ul:nth-child(1) li ol.diamond li{width:28px; height:28px; text-align:center; padding:3px; background:#fff; display:inline-block; border-radius:3px; vertical-align: top;}
.gia_block ul:nth-child(1) li ol.diamond li:before{content: ""; height: 100%; vertical-align: middle;}
.gia_block ul:nth-child(1) li ol.diamond li:hover{background:rgba(174,151,119,0.8); cursor:pointer;}
.gia_block ul:nth-child(1) li ol.diamond li svg{vertical-align:middle; display:block; transition:all 0.2s ease-in-out; height:auto; max-width:100%;}
.gia_block ul:nth-child(1) li ol.diamond li svg #diam{stroke:#AE9777; fill:none; stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.gia_block ul:nth-child(1) li ol.diamond li:hover svg #diam .st0{stroke:#FFFFFF;}
.gia_block ul:nth-child(1) li ol.diamond li:hover svg{transform:scale(1.1);}
.gia_block ul:nth-child(1) li ol.diamond li.selected{background:#AE9777;}
.gia_block ul:nth-child(1) li ol.diamond li.selected svg{transform:scale(1.1);}
.gia_block ul:nth-child(1) li ol.diamond li.selected svg #diam{stroke:#fff;}
.gia_block ul:nth-child(1) li div input{ background:#faf8ef; border:#dad8cf 1px solid; border-radius:6px; width:30%; margin-left:1%; padding:5px; line-height:22px; font-weight:normal; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.gia_block ul:nth-child(2) li .d-text{padding:5px 0;}
.gia_block ul:nth-child(2) li .d-text label.checkbox{margin-right:8px; font-size:13px; display: inline-block; color:rgba(174,151,119,1); cursor: pointer;}
.gia_block ul:nth-child(2) li .d-text label.checkbox:before {
		content: "";
		display: inline-block;
		width: 16px;
		height: 16px;
		vertical-align:middle;
		background-color: rgba(174,151,119,0.4);
		color: #555;
		text-align: center;
		box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8); 
		border-radius: 3px;
		margin-right:4px;
	}
.gia_block ul:nth-child(2) li .d-text input[type=checkbox]{display:none;}
.gia_block ul:nth-child(2) li .d-text input[type=checkbox]:checked + label.checkbox:before {
	content: "\2714";
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
}
.gia_block .gia-submit{text-align:center; margin-top:10px;}
.gia_block .gia-submit input{background:rgba(174,151,119,0.8); padding:10px 0; border:none; color:#fff; font-size:15px; letter-spacing:0.1em; width:100%;}
.gia_block .gia-submit input:hover{background:rgba(174,151,119,0.5); cursor:pointer;}
.table-rwd{overflow-x:scroll; overflow-y:hidden; width:98%; margin:0 auto 3% auto;}
.gia_table{margin-bottom:0;}
.gia_table th,td{padding:5px; font-size:13px;}
.gia_table thead th{background:#666;}
.gia_table tbody th img{width:35px; height:auto;}
.gia_table tbody td{text-align:center;}
.gia_table tbody td img:hover{position:relative; top:1px; left:1px;}
.gia_table tbody tr:nth-child(even){background:#faf8ef;}



@media only screen and (max-width: 1540px)
{
.det_img, .det_information, .det_choose{height:35vw;}
}

@media only screen and (max-width: 1200px)
{

.main{width:98%; margin:0 auto;} 
ul.brand li.bgcolor{height:4.5vw;}
.det_img, .det_information, .det_choose{height:45vw;}
.contact{width:83%;}
}

@media only screen and (max-width: 1024px)
{
dl.pro_single{margin-right:1.5%;}
dl.pro_single dt img{max-width:65%;}
.field_store{width:16%;}
.information_store{width:84%;}
}

@media only screen and (max-width: 980px)
{
/*.m_wrap{margin-top:12%;}*/
.m_top{margin-top:12% !important;}
ul.brand{width:98%;}
ul.brand li.bgcolor{height:5.2vw; padding:0.9vw 0;}
ul.pro_item{display:none;}
.subnav{float:none; margin:15px 0; text-align:center;}
.drop-other{display:block !important; margin:3% auto !important;}
.pro_item2{width:96%; margin:0 auto 3% auto;}
dl.pro_single{margin-right:1.4%; width:23.2%;}
dl.pro_single dt{height:180px;}
.det_img, .det_information, .det_choose{width:95%; margin:0 auto 5% auto; float:none;}
.det_img{height:55vw;}
.det_information{height:auto;}
.det_information .pro_btn, .det_information .close_detail{display:none;}
.det_img .close_detail{display:block;}
.det_img .close_detail{position:absolute; right:0; top:0;}
.field_store{width:18%;}
.information_store{width:82%;}
.contact{width:90%;}
.contact .tips, .contact form .row/*, .login ul.add_icon li*/{font-size:16px;}
.contact .tips{text-align:center;}
/*.contact .tips .phone{width:auto; float:none; text-align:left; display:inline-block; margin-left:15px;}*/
.article{width:96%; margin:3% auto;}
.article ul li{margin-left:4%;}
.about{margin:4% auto 6% auto; width:96%;}
}


@media only screen and (max-width: 767px)
{
.m_wrap{margin:0; width:100%;}
.m_top{width:100%; margin:12% 0 0 0;}
.banner{margin:0;}
ul.breadcrumb{float:none; width:100%; background:#f8f6ea; padding:1.7% 1%; text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.edit{font-size:14px;}
.edit p{font-size:14px;}
.title{float:none; width:100%; text-align:center;}
dl.pro_single{margin-right:1.3%;}
dl.pro_single dt{height:160px;}
dl.pro_single dd{font-size:14px;}
.det_information ul li{font-size:14px;}
.grid{margin-left:2.5%;}
.grid li{width:48%; margin-bottom:2.5%;}
.n_row li h3, .news-title h2{width:100%; float:none; font-size:18px;}
.n_day{width:100%; float:none;}
.field_store{width:21%;}
.information_store{width:79%;}
.contact form .row label.item{width:26%;}
.contact form .text_1, .contact form .text_3, .contact form select.text_4{width:73%;}
.contact form select.text_5{width:18%;}
.contact form .text_6{width:33%;}
.contact form .row .con_tips{margin-left:29%;}
.login form .row label.item, .login form .text_1{width:inherit;}
.add_member{width:98%;}






.gia_block ul:nth-child(1), .gia_block ul:nth-child(2){width:100%; float:none;}
.gia_block ul:nth-child(1){border:none; padding-right:0; margin-bottom:12px;}
.gia_block ul:nth-child(2){margin-left:0;}
.gia_block ul li > label{width:12%; font-weight:normal; font-size:13px;}
.gia_block ul:nth-child(1) li ol.diamond li{padding:2px;}
}

@media only screen and (max-width: 640px)
{
/*.main{width:96%;}*/
.img_big{display:none;}
.img_small{display:block;}
.edit{width:97%; margin:auto;}
/*.list{margin-left:2%;}*/
.for_pro{margin-left:2%;}
ul.brand{margin:5% auto;}
ul.brand li{width:97%; display:inherit;}
ul.brand li.bgcolor{height:9vw; padding:2vw 0; font-size:18px;}
.dropdown{width:96%; margin:2px auto;}
dl.pro_single{width:47.6%; margin-right:1.5%;}
dl.pro_single.p_2n{margin-right:0;}
dl.pro_single dt{height:200px;}
.det_img img{width:55%; height:auto;}
/*.news-detail-img img{max-width:90%;}*/
.n_row li h3{font-size:16px;}
.back{padding:10% 0 3% 0;}
.back a{font-size:16px;}
.about .store_img{margin-bottom:14%; width:96%;}
.field_store{width:15%;}
.information_store{width:85%;}
.contact{margin-bottom:8%;}
.contact form{width:100%; margin:auto; float:none;}
.contact form .row{margin-bottom:4%;}
.contact form .row label.item{width:100%; text-align:left;}
.contact form .text_1, .contact form .text_3, .contact form select.text_4{width:100%;}
.contact form select.text_5{width:24%; font-size:14px;}
.contact form .text_6{width:46%;}
.contact ul.submit li input{font-size:16px;}
.login form .logbox{background:none; padding-right:0;}
.login .logbtn{text-align:center; width:100%; margin:10% auto 0 auto; float:none;}
.login .logbtn img{margin:2% 1%;}
.add_member form{width:95%;}
.article p{font-size:16px;}
.article ul li{font-size:14px;}
.inquiry .a_title{font-size:18px;}
.inquiry .a_title span{font-size:30px;}
table th,td{font-size:14px;}
/*.discuss .add_dis{margin-bottom:5%;}
.discuss .add_dis a{font-size:16px;}*/

.table-rwd{width:96%;}
.gia_table th,td{font-size:0.075em;}
.gia_table tbody th img{width:25px;}
}

@media only screen and (max-width: 480px)
{
ul.brand li.bgcolor{padding:1.4vw 0; font-size:14px; height:12vw;}
dl.pro_single dt{height:37vw;}
dl.pro_single dd span{font-size:0.7em;}
.list{margin-bottom:5%;}
.grid{margin-left:8%;}
.grid li{width:92%; margin:0 auto 5% auto;}
.grid li:nth-child(4n){margin-right:auto;}
/*.media{margin-left:4%;}
.media li{width:46.5% !important; margin:0 1.5% 2% 0;}
.media li:nth-child(4n), .media li:nth-child(5n), .media li:nth-child(8n){margin-right:1.5%;}
.media li:nth-child(2n){margin-right:0;}*/
.field_store{width:19%;}
.information_store{width:81%;}
.contact form{width:96%;}
.contact ul.submit{margin-top:8%;}
.contact ul.submit li{margin-right:2%;}
.contact form select.text_5{font-size:13px;}
.contact form .text_6{width:45%; font-size:13px;}
.contact form .row .con_tips{margin-left:5%;}
/*.login ul.add_icon li{width:100px;}
.login ul.add_icon{margin:8% 0;}*/
.article ul li{margin-left:6%;}
.article ul:nth-child(4){margin-bottom:8%;}
.text_7{width:50%;}
/*.discuss .add_dis{text-align:center; margin:8% auto;}*/
}

@media only screen and (max-width: 360px)
{
dl.pro_sing{font-size:12px;}
.field_store{width:23%;}
.information_store{width:77%;}
}