@charset "utf-8";
@import url('common.css');
@import url('layout.css');

.mainList {
	margin:0 0 0 30px;
	clear:both
}
.mainList li {
	float:left;
	width:8.4em;
	margin:30px 9px 0 0;
	height:13.5em;
}
.mainList.type2 li {
	width:16.5em;
	height:22.5em;
	margin:0px 40px 0 0;
}
.imgBox {
	border:#dcdcdc solid 1px;
}
.imgBox2 {
	border:#dcdcdc solid 1px;
	width:46%
}
.cateList {
	background-color:#dfdfdf;
}
.cateList li{
	float:left;
	height:182px;
	width:11em;
	text-align:center;
	padding:0 12px
}
.dotList li {
	float:left;
	background:url('../images/common/dot.gif') 0 0.7em no-repeat;
	padding:0 1.5em 0.7em 0.7em;
	float:left;
	width:15.3em;
}
.dotList li a{
	font-size:1.6em;
}
.dotList2 li {
	background:url('../images/common/dot4.gif') 1.9em 0.7em no-repeat;
	padding:0.2em 1.5em 0.5em 3em;
}
.dotList3 li {
	background:url('../images/common/dot.gif') 0 1.15em no-repeat;
	margin:0.2em 0 0.1em 0;
	padding:0.7em 0 0.2em 0.7em;
	color:#888888;
	font-weight:bold;
	font-size:0.9em;
}
.h3_cate {
	background-color:#c01214;
	height:4.4em;
	position:relative;
}
.h3_pro {
	background:url('../images/common/h3_bg2.gif') no-repeat;
	background-color:#f9f9f9;
	border-bottom:#dfdfdf solid 1px;
	height:4.4em;
	position:relative;
}
.btnP {
	position:absolute;
	left:27px;
	top:18px;
}
.btnN {
	position:absolute;
	right:187px;
	top:18px;
}
.btnB {
	position:absolute;
	right:30px;
	top:0px;
}
.h3_cate h3 {
	background:url('../images/common/h3_top.png') 65% -12px no-repeat;
	position:absolute;
	width:85%;
	top:0px;
	padding-top:19px;
	font-size:2em;
	color:#fff;
	font-weight:bold;
	text-align:center;
}
.h3_cate.type2 h3 {
	background:url('../images/common/h3_top.png') 65% -12px no-repeat;
	position:absolute;
	width:85%;
	top:0px;
	padding-top:19px;
	padding-left:0.7em;
	font-size:2em;
	color:#fff;
	font-weight:bold;
	text-align:left;
}
.h3_pro h3{
	background:url('../images/common/h3_top.png') 50% -12px no-repeat;
	position:absolute;
	width:93%;
	top:0;
	padding-top:21px;
	font-size:2em;
	color:#e33336;
	padding-left:1.5em;
	font-weight:bold;
	text-align:left;
}
.proInfo {
	float:left;
	width:50%;
	padding-left:1.2em
}
.proInfo p{
	font-size:120%
}
.proInfo .fl {width:44%}
.tab {
	border-bottom:#636465 solid 3px;
	margin-top:38px;
}
.tab li {
	float:left;
	width:33.3333333333%
}
.dtList dt {
	float:left;
	clear:both;
	border-bottom:#dfdfdf solid 1px;
	background:url('../images/common/dot2.gif') 0.7em 1.2em no-repeat;
	padding:0.8em 1.3em;
	height:1.2em;
	width:22.5%;
}
.dtList dd {
	float:left;
	border-bottom:#dfdfdf solid 1px;
	padding:0.8em 0;
	height:1.2em;
	width:70%;
}
.dtList dd *{
	vertical-align:middle
}
.dtList dd select{
	width:50%
}
.dtList2 {
	border-bottom:#dfdfdf solid 1px;
}
.dtList2 dt {
	float:left;
	clear:both;
	background:url('../images/common/dot3.gif') 0.7em 1.55em no-repeat;
	padding:1.2em 1.3em;
	width:110px;
	color:#464646;
	font-weight:bold;
}
.dtList2 dd {
	float:left;
	padding:0.8em 0;
	width:70%;
}
.dtList2 dd select{
	width:50%
}
.dtList2 p {
	padding:0.8em 1.3em;
	background:url('../images/common/dot6.gif') 0.7em 1.2em no-repeat;
	color:#888888;
	font-weight:bold;
}
.dtList2 dl div {
	padding:0.8em 1.3em;
	background:url('../images/common/dot3.gif') 0.7em 1.2em no-repeat;
	color:#e72e33;
	font-weight:bold;
}
.dtList3 {
	border-bottom:#dfdfdf solid 1px;
}
.dtList3 dt {
	float:left;
	clear:both;
	width:6.2em;
	background:url('../images/common/dot2.gif') 0.7em 1em no-repeat;
	padding:0.5em 0 0.3em 1.5em;
	color:#000;
	text-align:left;
	font-size:1.3em;
}
.dtList3 dd {
	float:left;
	padding:0.5em 0 0.3em 0.8em;
	color:#000;
	text-align:left;
	font-size:1.3em;
	font-weight:normal;
	text-indent:-0.6em;
}
.dtList3.sum {
	font-size:120%;
}
.dtList3.sum dt {
	width:4.85em;
}
.dtList3 strong {
	color:#d72326;
	font-weight:bold;
}
h5 {
	background:url('../images/common/dot3.gif') 0.7em 0.5em no-repeat;
	padding:0 1.3em 0.3em;
	margin-top:0.5em;
	font-size:1.5em
}
.afterList dt {
	border-top:#dbdada solid 2px;
	border-bottom:#dbdada solid 1px;
	background-color:#f9f9f9;
	padding:0.8em 0.625em;
	height:1.2em;
	margin-top:2em
}
.afterList dt div.num{
	float:left;
	width:10%;
	text-align:center;
}
.afterList dt div.tit{
	float:left;
	width:50%;
	font-weight:bold;
	font-size:1.2em;
	padding-left:1em;
	line-height:1em;
	background:url('../images/common/tit_bar.gif') no-repeat;
}
.afterList dt div.name{
	float:left;
	width:15%;
	text-align:center;
	padding-left:1em;
	background:url('../images/common/tit_bar.gif') no-repeat;
}
.afterList dt div.date{
	float:left;
	width:15%;
	text-align:center;
	padding-left:1em;
	background:url('../images/common/tit_bar.gif') no-repeat;
}
.afterList dd {
	clear:both;
	padding:1.2em 0.3em 0
}
.loginTxt {
	text-align:center;
	font-size:1.5em;
	color:#dc272b;
	font-weight:bold;
}
.loginTxt2 {
	text-align:center;
	font-size:1em;
	color:#dc272b;
	font-weight:bold;
}
.loginBox {
	border:1px solid #c2c2c2;
	text-align:center;
}
.loginBox1 {
	margin:0 auto;
	padding:1.8em 0;
	width:25.1em;
}
.loginBox2 {
	padding:1.5em 0 0 0;
	height:3em;
	margin:0 auto;
	background-color:#efefef;
}
.loginBox2 label {
	color:#888888;
	font-weight:bold;
}
.loginUl {
	float:left;
	padding-top:0.3em;
}
.loginUl label {
	display:inline-block;
	width:4.4em;
	text-align:right;
	color:#464646;
	font-weight:bold;
	font-size:1.1em;
}
.orderBtn {
	margin:1em auto;
	width:19em;
}
.myPageBox {
	margin:1em auto;
	width:22em;
}
.myPageTxt {
	margin-top:3.5em;
	margin-bottom:1em;
	color:#464646;
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
}
.myPageTxt span {
	color:#464646;
	font-weight:normal;
}
.myPageTxt2 {
	float:left;
	height:2em;
	line-height:2em;
	color:#464646;
	font-size:1.2em;
	font-weight:bold;
	vertical-align:middle;
}
.basketBox {margin-bottom:20px;clear:both;}
.basket_01, .basket_02, .basket_03, .basket_04, .basket_05 { /* add change .basket_05 */
	display:inline-block;
}
.basket_01 {
	width:6%;
}

/* add change */
.basket_05 {
	width:20%;
}

.basket_02 {
	border:1px solid #dcdcdc;
	/* remove change
	width:20%; */
	text-align:center;
}
.basket_03 {
	padding-left:1em;
	width:68%;
}
.basket_03 p:first-child {
	font-size:1.8em;
	color:#000;
	text-align:left;
	font-weight:bold;
}
.basket_04 {
	padding-left:1em;
	width:20em;
	font-size:0.9em;
}
.basket_04 p:first-child {
	font-size:1.6em;
	color:#000;
	text-align:left;
	font-weight:bold;
}
.basketBtn {
	width:36.5em;
	margin:1em auto;
}
.boxType01 {width:36em; margin:0 auto;}
.boxType01 .boxT  {height:5px; background:url('../images/common/boxT.gif') repeat-x;}
.boxType01 .boxT .fl    {width:5px; height:5px; background:url('../images/common/boxTL.gif') no-repeat;}
.boxType01 .boxT .fr    {width:5px; height:5px; background:url('../images/common/boxTR.gif') no-repeat;}
.boxType01 .boxB  {height:5px; background:url('../images/common/boxB.gif') repeat-x;}
.boxType01 .boxB .fl    {width:5px; height:5px; background:url('../images/common/boxBL.gif') no-repeat;}
.boxType01 .boxB .fr    {width:5px; height:5px; background:url('../images/common/boxBR.gif') no-repeat;}
.boxType01 .boxI {border-left:1px solid #c6c6c6; border-right:1px solid #c6c6c6; background-color:#f9f9f9;text-align:center;font-size:1.2em; padding:0.6em 0;}
.boxType01 .boxI input {
	text-align:right;
	color:#d72326;
	font-weight:bold;
	width:40%
}
.boxType01 .boxI span {
	padding:0 0 0 0.4em;
	font-weight:bold;
	background:url('../images/common/dot.gif') 0 0.4em no-repeat;
}
.tblType01 {
	width:100%;
}
.tblType01 {
	margin-bottom:1em;
	border-top:2px solid #dc272b;
}
.tblType01 th {
	padding:0 0 0 1em;
	line-height:2.5em;
	border-bottom:1px solid #dfdfdf;
	background:#eeebeb;
	text-align:left;
	font-weight:normal;
}
.tblType01 td {
	padding:0 0 0 1em;
	line-height:2.5em;
	border-bottom:1px solid #dfdfdf;
}
h4.table {
	color:#dc272b;
	font-size:1.5em;
	font-weight:bold;
}
.tblType01.thal th {
	text-align:left;
	padding:0 0 0 0.4em;
}

.dotType01 {
	padding:0 0 0 0.7em;
	font-weight:bold;
	background:url('../images/common/dot3.gif') 0 0.4em no-repeat;
	color:#888888;
}
.tblType02 {
	width:100%;
}
.tblType02 {
	margin-bottom:1em;
	border-top:2px solid #dc272b;
}
.tblType02 th {
	padding:0 0 0 1em;
	line-height:2.5em;
	border-bottom:1px solid #dfdfdf;
	text-align:left;
	font-size:1.05em;
	font-weight:bold;
	background:url('../images/common/dot3.gif') 0.4em 1em no-repeat;
}
.tblType02 td {
	font-size:1.05em;
	padding:0 0 0 1em;
	line-height:2.5em;
	border-bottom:1px solid #dfdfdf;
}
.tblType02 td input {
	margin-top:0.3em;
	height:1.5em;
}
.orderTxt th {
	padding:0;
	color:#dc272b;
	background:none;
	font-size:1.2em;
	font-weight:bold;
}
h3.result {
	height:70px;
	line-height:70px;
	padding:0 0 0 30px;
	color:#fff;
	font-size:1.6em;
	background:url('../images/common/title_bg.gif') no-repeat 0 0;
}
.resultTxt {
	color:#888888;
	font-weight:bold;
	font-weight:normal;
}
.basketBox input[type='checkbox'] {
	width:2em;
	height:2em
}