<style>
body
{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}
#book_area
{ /*width:768px;*/
	width: 100%;
	margin: 0 auto;
}
#book_area .book_area_size
{
	width: 768px;
	margin: 0 auto;
	color: #fff;
	position: relative;
	padding: 0 10px;
}
#book_area .book_area_size span { color: #ddc7b7; }
h3
{
	width: calc(100%);
	padding: 0 5px;
	margin: 0;
	height: 30px;
	line-height: 30px;
	color: #fff;
	background: #ed6941;
}
#book_area .book_area_size .u_message
{
	margin-right: 10px;
	float: left;
	font-size: 12px;
	line-height: 50px;
	color: #fff;
	cursor: pointer;
}
h3 span a { color: #fff; }
h3 .sp_title { color: #F00; }
h4
{
	width: calc(100% - 10px);
	padding: 0 5px;
	margin: 0;
	clear: both;
}
ul { -webkit-padding-start: 30px; }
form
{
	display: block;
	margin: 0 auto;
	border-radius: 10px;
	padding: 15px
}
.progress
{
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	overflow: hidden;
	background-color: #f5f5f5;
	position: absolute;
	width: 100%;
	bottom: -1px;
	z-index: 10;
	border: 1px solid #ddd;
	padding: 1px;
	border-radius: 3px;
	border: none;
	height: 5px;
	margin-bottom: 0px;
	opacity: 0;
}
.pdinglr10 { padding: 0 10px; }
.progress-bar
{
	float: left;
	width: 0;
	height: 100%;
	font-size: 16px;
	line-height: 30px;
	color: #fff;
	text-align: center;
	background-color: #428bca;
}
.bar
{
	background-color: #B4F5B4;
	width: 0%;
	height: 10px;
	border-radius: 3px;
}
.percent
{
	position: absolute;
	display: inline-block;
	font-size: 10px;
	top: 0px;
	left: 40%;
}
.up_book_title
{
	background: #d4b9a6;
	line-height: 30px;
	margin-bottom: 3px;
}
.up_book_pic
{
	width: 768px;
	margin: 0 auto;
	clear: both;
}
.up_book_othermessage
{
	padding: 7px 0;
	margin: 5px 0;
	line-height: 20px;
	background: #fffefc;
	background: #fcfaf8;
	border-top: 1px solid #d4b9a6;
	border-bottom: 1px solid #d4b9a6;
}
.add_area
{
	clear: both;
	width: 100%;
	margin: 0 auto;
	border: 1px solid #d4b9a6;
	border-left: none;
	border-right: none;
	margin: 20px 0;
}
.add_one
{
	width: 100px;
	text-align: center;
	padding: 10px;
	color: #fff;
	background: #d4b9a6;
	margin: 0 auto;
	cursor: pointer;
}
.content_title { background: #d4b9a6; }
.tosubmit
{
	width: 100%;
	margin: 0 auto;
	text-align: center;
	padding-bottom: 10px;
}
td { padding: 5px; }
.td_1 { width: 5%; }
.td_2 { width: 5%; }
.td_3 { width: 80% }
.td_4 { width: 10% }
.book_title
{
	text-align: center;
	background: #CCC;
	font-size: 24px;
	line-height: 30px;
}
.box
{float:left; width:22%; margin:5px 1.5%; position:relative; margin-bottom:75px; margin-top:30px; }
.box .box_title{ position:absolute; top:-24px; left:10px; float:14px; color:#000; line-height:22px;}
.box img { width: 100%; }
.box .u_img
{
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: cover;
	cursor: pointer;
	overflow: hidden;
}
.box .u_img img { width: 100%; }
.box p
{
	position: absolute;
	bottom: -20px;
	left: 10%;
	margin: 0;
	text-align: center;
	font-size: 12px;
	line-height: 22px;
}
.box input
{
	float: left;
	width: 0px;
	height: 0px;
	display: none;
}
.box form
{
	width: 0px;
	height: 0px;
	margin: 0;
	padding: 0;
}
.add_img
{
	text-align: center;
	width: 50%;
	margin: 0 auto;
	cursor: pointer;
	padding: 10px;
	border-radius: 10px;
	background: #d4b9a6;
}
.Contact_information
{
	clear: both;
	width: 568px;
	margin: 0 auto;
}
.Contact_information h3
{
	margin: 0 auto;
	height: 30px;
}
.product_introduction
{
	margin: 0 5px;
	margin-bottom: 20px;
}
.product_introduction p
{
	text-align: center;
	margin: 20px auto;
	color: #d4b9a6;
}
.product_introduction h3
{
	text-align: center;
	margin: 20px auto;
	background: none;
	color: #000;
}
.size_information { clear: both; }
.size_information h3 { height: 30px; }
.size_information input { margin: 0px; }
.size_information label
{
	width: calc(50% - 30px);
	height: 30px;
	font-size: 14px;
	line-height: 30px;
	margin: 10px 0;
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
	color: #999;
}
.size_information .sel_size { color: #000; }
#myform { padding: 10px; }
#myform .mds { margin: 5px 0; }
#myform select
{
	width: 85%;
	height: 30px;
	font-size: 18px;
	padding-left: 5px;
	outline: none;
}
#myform .name_title
{
	width: 12%;
	margin-right: 2%;
	text-align: right;
	vertical-align: top;
	margin-top: 7px;
	display: inline-block;
	color: #d4b9a6;
}
#myform .ipt
{
	width: 85%;
	height: 30px;
	font-size: 18px;
	padding-left: 5px;
	outline: none;
}
#myform .tta
{
	width: 85%;
	height: 60px;
	font-size: 18px;
	padding: 0px;
	outline: none;
	resize: none;
	padding:5px;
}
#myform .first_name { }
#myform .last_name { width: 45%; }
.size_information .btnReg
{
	width: 100px;
	height: 50px;
	background: #d4b9a6;
	border-radius: 10px;
	font-size: 14px;
	background-position: 0 -360px;
	text-decoration: none;
	outline: none;
	text-align: center;
	font-weight: bold;
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
	-webkit-appearance: none;
	border: none;
	margin:0 10px;
	line-height:50px;
}

.btnReg { color: #fff; }
p#vtip
{
	position: absolute;
	padding: 10px;
	left: 5px;
	font-size: 0.8em;
	background-color: white;
	border: 1px solid #a6c9e2;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	z-index: 9999
}
p#vtip #vtipArrow
{
	position: absolute;
	top: -10px;
	left: 5px
}
.input_validation-failed { border: 2px solid #FF0000; }
.select_validation-failed { color: red; }
.lanage
{
	float: right;
	margin-right: 10px;
}
.lanage.lan_sel { color: #666; }
.lanage a { color: #fff; }
.totle
{
	position: fixed;
	width: 768px;
	bottom: 0px;
	background: #d4b9a6;
	padding: 10px 0px;
	text-align: center;
	z-index: 10;
}
.totle span
{
	color: #fff;
	margin-right: 5px;
}
.rmb { }
.usd { }
.eur { }
.book_type
{
	width: 0px;
	height: 0px;
	display: none;
}
.size_information .book_type_lable
{
	width: auto;
	margin: 0;
	color: #ddc7b7;
	padding: 0 10px;
	border: 1px solid #ddc7b7;
}
.size_information .book_type_lable.sel
{
	background: #ddc7b7;
	color: #fff;
}
.preson_img
{
	float: left;
	width: 30px;
	height: 30px;
	position: relative;
	top: 8px;
	display: inline-block;
	background: url(images/preson.png);
	background-size: contain;
}
.up_title_img
{
	width: 22px;
	height: 18px;
	display: inline-block;
	background: url(images/up.png);
	background-size: contain;
}
.message_title_img
{
	width: 20px;
	height: 20px;
	display: inline-block;
	background: url(images/message.png);
	background-size: contain;
}
.statistics
{
	margin: 5px 0 20px;
	padding-top: 15px;
	border-top: 1px solid #d4b9a6;
	text-align: center;
}
.statistics_content { color: #d4b9a6; }
.red { color: #ff0000; }
#book_area .book_area_size .main_message
{
	font-weight: bold;
	font-size: 22px;
	color: #fff;
	line-height: 35px;
	height: 35px;
}
#book_area .book_area_size .main_message2 { font-size: 22px; }
.slash
{
	font-size: 28px;
	font-weight: bold;
}
.close_img
{
	position: absolute;
	right: 10px;
	top: -2px;
}
.book_size_box
{
	float: left;
	color: #ddc7b7;
	margin: 5px 0;
	margin-left: 10px;
}
.book_num_box
{
	float: right;
	color: #ddc7b7;
	margin: 5px 0;
	margin-right: 10px;
}
.spinner
{
	display: inline-block;
	position: relative;
	top: 6px;
}
.model_img
{
	width: 360px;
	margin: 0 auto;
}
.model_title
{
	width: 660px;
	margin: 0 auto;
}
.model_img img, .model_title img { width: 100%; }
.preson_part
{
	position: relative;
	float: right;
}
.preson_part .u_message_box
{
	position: absolute;
	top: 51px;
	right: 0px;
	color: #000;
	padding: 0px;
	display: none;
	z-index: 10;
	width: 120px;
}
.preson_part .u_message_box li
{
	text-align: center;
	font-size: 14px;
	line-height: 30px;
	border-top: 1px solid #fff;
	background: #ed6941;
	padding: 0 5px;
}
.preson_part .u_message_box li a
{
	color: #fff;
	display: block;
}
.product_introduction .img_title
{
	font-size: 2.4em;
	font-weight: bold;
	color: #44240d;
	text-align: center;
}
.subtotal{ color: #d4b9a6; margin-bottom:20px;}

.b-wXh{ position:absolute; left:0; bottom:-25px; width:100%; text-align:center;}
.logo{ float:left;}
.tick{ text-align:center; color:#d4b9a6;line-height:24px; font:14px;}
.tick em{ color:#f00;}
.ticket_message{ text-align:right; line-height:24px; font:14px; color:#f00;}

.dot{ position:absolute; width:100%; height:100%; display:none; top:0px; left:0px;}
.dot1{ display:block; background: url(../images/c1_.png); background-size: cover;
    background-position: 50% 50%;}
.dot2{ display:block; background: url(../images/c2_.png);background-size: cover;
    background-position: 50% 50%;}
.box .t0{-moz-transform:rotate(0deg); -webkit-transform:rotate(0deg);transform:rotate(0deg); width:100%; height:100%; left:0%; top:0%;}
.box .t1{-moz-transform:rotate(90deg); -webkit-transform:rotate(90deg);transform:rotate(90deg); width: 125%; height: 78.13%; left: -12.5%; top: 10.03%;}
.box .t2{-moz-transform:rotate(180deg); -webkit-transform:rotate(180deg);transform:rotate(180deg); width:100%; height:100%; left:0%; top:0%;}
.box .t3{-moz-transform:rotate(270deg); -webkit-transform:rotate(270deg);transform:rotate(270deg); width: 125%; height: 78.13%; left: -12.5%; top: 10.03%;}
.direction{ display:none; position:absolute; left:0; width:100%; bottom:-65px; border-radius:5px;}
.direction:after{ clear:both;}
.dir{ float:left; width:22%; cursor:pointer; margin:0 1.5%; background:#ccc;}
.dir img{ width:100%;}
.dir1{ background: url("images/dir1.jpg") no-repeat; background-size: cover;}
.dir2{ background: url("images/dir7.jpg") no-repeat; background-size: cover;}
.dir3{ background: url("images/dir5.jpg") no-repeat; background-size: cover;}
.dir4{ background: url("images/dir3.jpg") no-repeat; background-size: cover;}
.dir1.dir_sel{background: url("images/dir2.jpg") no-repeat; background-size: cover;}
.dir2.dir_sel{background: url("images/dir8.jpg") no-repeat; background-size: cover;}
.dir3.dir_sel{background: url("images/dir6.jpg") no-repeat; background-size: cover;}
.dir4.dir_sel{background: url("images/dir4.jpg") no-repeat; background-size: cover;}

.size_information .information{ margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #cfb5a4;}
.size_information .information span{color:#cfb5a4; margin:10px 0; margin-left:10px; }
.size_information .information input{ margin-left:10px; width:calc(100% - 160px); height:30px; border:1px solid #cfb5a4;}
.size_information .information .info_type{ display:none;}
.size_information .information label{ margin:0 auto; color:#cfb5a4; border:1px solid #cfb5a4; width:60px; text-align:center; margin:0 5px;}
.size_information .information .sel{ color:#fff; background:#cfb5a4;}
 @media screen and (max-width:1000px) {
#book_area { width: 100%; }
.box { }
#book_area .book_area_size { width: 100%; }
#book_area .book_area_top_size { /*width:calc(100% - 40px);*/ margin: 0; }
.close_img { /*right:-30px;*/ }
.up_book_pic { width: 100%; }
.Contact_information { width: 100%; }
#myform .name_title { display: none; }
#myform .ipt, #myform .tta, #myform .country { width: 100%; }
.totle { width: 100%; }
.book_area_size .u_message_box li
{
	font-size: 24px;
	padding: 10px;
}
.model_img
{
	width: 40%;
	margin: 0 auto;
}
.model_title
{
	width: 80%;
	margin: 0 auto;
}
.dir img{ width:90%;}
}
@media screen and (max-width:768px) {
.product_introduction .img_title { font-size: 1.4em; }
.box{ width:43.5%; margin-left:5%; margin-right:3%;}
.box2{ margin-left:0%; margin-right:5%;}
}