@charset "utf-8";

/* CSS Document */

#mCSB_1_container{

	width:1075px !important;

}

#info_top{

	padding:5px 10px;

	color:#777777;

	margin-bottom:25px;

	background:#EEEEEE;

	text-align:center;

	-webkit-border-radius: 8px;

	-moz-border-radius: 8px;

	border-radius: 8px;

}



#info {

	line-height: 1.2;

	text-align: center;

	color: #000000;

	font-size: 20px;

	margin-bottom: 20px;

	border-bottom:#DDDDDD 1px solid;

}

#info .title{

	color:#005730;

}

#info span {

	color:#000000;

	font-size: 22px;

	font-family:Times New Roman;

	display:block;

	font-weight: bold;

	letter-spacing:2px;

	margin-bottom:15px;

}

/*************************************************************/

#order_form {

	margin:0 auto;

	position: relative;

	line-height: 26px;

	margin-bottom: 30px;

	padding-bottom: 30px;

	border-bottom:#DDDDDD 1px solid;

}

#order_form .form_no{

	font-size: 14px;

	font-weight: bold;

	color: #C7A076;

}

#order_form table {

	border-collapse: collapse;

}

#order_form tr > td {

	color: #525252;

	padding: 15px 15px;

	border: #DDDDDD 1px solid;

}

#order_form .price{

	color:#A80602;

	font-weight: bold;

	font-size: 20px;

	font-family:Shonar Bangla;

}

#order_form tr.info_bg {

}

#order_form tr.info_bg td{

	padding-top: 5px;

	padding-bottom: 5px;

	padding-right: 40px;

	background: #F7F7F7

}

#order_form .list {

	color:#5D5D5D;

	margin-left: 5px;

}

#order_form .list2 {

	height:auto !important;

}

#order_form .list a ,#order_form .list a:visited {

	color: #505050;

	font-size: 14px;

	text-decoration: none;

	-webkit-transition: color 200ms linear;

	-moz-transition: color 200ms linear;

	-o-transition: color 200ms linear;

	transition: color 200ms linear;

}

#order_form .list a:hover {

	color: #B20006;

	text-decoration: underline;

}

#order_form .photo {

	width:50px;

	height:50px;

	text-align:center;

	margin:0 auto;

	background:#FFF;

	border:#BEBEBE 1px solid;

	-webkit-border-radius: 100%;

	border-radius: 100%;

	overflow:hidden;

}

#order_form .photo img {

	max-width: 50px;

	max-height:50px;

}

#order_form tr > td.name {

	color: #BF2815;

	font-weight: bold;

	padding-left: 50px;

}

#order_form tr > td.order_no {

	font-size: 14px;

	color:#A43439;

	font-weight: bold;

}

#order_form tr > td.title {

	color: #FFF;

	font-size: 13px;

	background: #707070;

	padding: 5px 15px;

	border: #DDDDDD 1px solid;

}

#order_form tr > td.title2 {

	font-size: 13px;

	color: #999999;

}

#order_form .title2 {

	padding: 15px 0 5px 0;

}

/*************************************************************/

.form_u{

	max-width: 511px;

	margin: 0 auto;

	padding-bottom: 5px;

	background: url(../images/common/line.png) bottom repeat-x;

}

/*************************************************************/

.cart_title{

	padding-left:0px;

	font-weight:bold;

}

.order{

	border-top: none;

	margin-bottom: 20px;

}

.order > li{

	list-style:none;

}

.order > li:last-child{

	border-bottom:none;

}

.order > li ul:hover{

}

.order li ul{

	font-size:0px;

	display:block;

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

}

.order li ul li{

	padding:10px 10px 10px 10px;

	font-size:13px;

	line-height:24px;

	list-style:none;

	display:inline-block;

	background:#EEEEEE;

	vertical-align:top;

	border:#FFF 1px solid;

}

.order li ul li span.title{

	color:#999;

	display:block;

}

.order li ul li a, .order li ul li a:visited{

	color:#494949;

	display:block;

	text-decoration:none;

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

}

.order li ul li a:hover{

	color:#494949;

}

.order li ul li.col1{

	width:22%;

}

.order li ul li.col2{

	width:24%;

}

.order li ul li.col3{

	width:18%;

}

.order li ul li.col4{

	width:18%;

	color:#B20000;

	text-align: center;

}

.order li ul li.col4 a{

	color:#494949;

	position:relative;

}

.order li ul li.col4 a:hover{

	color:#FF0000;

}

.order li ul li.col5{

	text-align:center;

	width:18%;

}

.order li ul li.col5 a, .order li ul li.col5 a, .order li ul li.col5 a, .order li ul li.col5 a:visited{

	font-size:14px;

}

.order li ul li.col5 a:hover{

	color:#FF0000;

}

/**************************************************************/

/**************************************************************/

@media (max-width: 920px) {

.order li ul{

	border-bottom:#DDDDDD 1px solid;

}

.order li ul li{

}

.order li ul li.col1, .order li ul li.col2, .order li ul li.col3{

	width:33.3333333333333333333333333%;

}

.order li ul li.col4, .order li ul li.col5{

	width:50%;

}

.order li ul li.col5{

	margin-bottom:10px;

}

}

@media (max-width: 825px) {

.member_box_title .notice{

	display:block;

	padding-top:10px;

}

}

@media (max-width: 620px) {

.order li ul li{

	padding:3px 10px;

}

.order li ul li.col1, .order li ul li.col2, .order li ul li.col3{

	width:100%;

}

.order li ul li.col3{

}

}

/**************************************************************/

.form-style li{

	margin:0;
	margin-bottom:10px;

}

.form-style li a ,.form-style li a:visited {

	color: #505050;

	font-size: 14px;

	text-decoration: none;

	-webkit-transition: color 200ms linear;

	-moz-transition: color 200ms linear;

	-o-transition: color 200ms linear;

	transition: color 200ms linear;

}

.form-style li a:hover {

	color: #B20006;

	text-decoration: underline;

}

.order_info{

	font-family:Shonar Bangla, "微軟正黑體";

	margin-bottom:20px;

	border-right:#DDDDDD 1px solid;

	border-left:#DDDDDD 1px solid;

	background:#707070;

}

.order_info .form-style{

	margin-bottom:20px;

}

.order_info .form-style li:first-child {

	border-top:#DDDDDD 1px solid;

}

.order_info .form-style li {

	list-style:none;

	clear: both;

	margin-bottom:0px;

	border-bottom:#DDDDDD 1px solid;

}

.order_info .form-style li .title {

	width: 130px;

	font-size: 14px;

	line-height:1.6;

	font-size: 13px;

	color: #FFF;

	padding: 7px 15px 7px 0px;

	text-align: right;

	position: relative;

	display: inline-block;

	vertical-align: top;

	background: #707070;

	border: none;

	margin: 0px -1px;

}

.order_info .form-style li .rbox {

	width:calc(100% - 131px);

	height: 34px;

	line-height: 1.6;

	padding: 7px 0px 7px 15px;

	display:inline-block;

	background:#FFF;

}

.order_info .form-style li .rbox.price {

	font-size: 14px;

	font-weight: bold;

	color:#991E20;

}

@media (max-width: 870px) {

	.form-style li div{

		margin:0px;

	}

.order_info .form-style li .title {

	width: 100%;

	text-align:left;

	padding-left:15px;

}

.order_info .form-style li .rbox {

	width: 100%;

}

}