@charset "utf-8";
/* CSS Document */
a{ text-decoration:none;}
div#cart_wrapper {
	width: 96%;
	margin: 0 auto;
	box-sizing: border-box;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
}
#cart_wrapper p {
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	font-size: 16px;
}
#cart_wrapper input{
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	}
.step_title {
	font-size: 16px;
}


table.cart_table {
	border: 1px solid #666;
	margin-bottom: 10px;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
}
table.cart_table td {
	padding: 8px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
table.cart_table_m {
	border: 1px solid #666;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
}
table.cart_table_m td {
	padding: 3px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
td.cart_title {
	font-size: 16px;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	color: #FFF;
	font-weight: bold;
	background-color: #333;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #999), color-stop(1, #000));
}
td.cart_title img {
	vertical-align: middle;
	height: 24px;
}
td.cart_content {
	font-size: 16px;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	color: #333;
	font-weight: normal;
}
#fukuan_type_font2 {
	color: #000;
}
#fukuan_type_font2 br {
	display: none;
}
#op2 {
	font-size: 16px;
	font-weight: bold;
	color: #F00;
}
.J-s-order-detail {
	padding-left: 0 !important;
	color: #000 !important;
}
tr[bgcolor="#DEDEDE"] {
	background-color: #EEE;
}
td[bgcolor="#FFFF99"] {
	background-color: #FFF;
}
input#opcode2 {
	height: 18px;
	line-height: 1.4;
}

.POP_LOGIN_NEW .input,.POP_LOGIN .input-2,.POP_LOGIN select {
	font-family: "微軟正黑體", "新細明體", "細明體";	font-size: 16px;
	color: #000000;
	text-decoration: none;
	background-color: #FFF;
	border: 1px solid #999999;
	line-height: 1.6;
	margin: 3px;
	height: 30px;
	padding: 2px;
	border-radius: 5px;
    box-shadow: 0px 2px 5px #ccc;
}
.POP_LOGIN_NEW select.input-2,.POP_LOGIN select {
	height: 36px;
}

.LOGIN_NEW .input,.LOGIN_NEW .input-2,.LOGIN_NEW select {
	font-family: "微軟正黑體", "新細明體", "細明體";	font-size: 16px;
	color: #000000;
	text-decoration: none;
	background-color: #FFF;
	border: 1px solid #999999;
	line-height: 1.6;
	margin: 3px;
	height: 30px;
	padding: 2px;
	border-radius: 5px;
    box-shadow: 0px 2px 5px #ccc;
}
.LOGIN_NEW select.input-2, .LOGIN_NEW select {
	height: 36px;
}
.w_input {
	width: 78%;
}
table.none_border, table.none_border td {
	border: none;
}
.w_login {
	width: 71%;
	margin: 0 auto;
}
/*  會員pop-up視窗  */

.POP_LOGIN_NEW {
	width: 560px;
	height: auto;
	border: 1px solid #cccccc;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	overflow: hidden;
	padding: 5px 0 0 0;
	position: relative;
	font-size: 16px;
	font-family: "微軟正黑體", "新細明體";
	background-color:#FFF;
	z-index:1000;
}
.POP_LOGIN_NEW h3 {
	font-family: "微軟正黑體", "新細明體";
	font-size: 16px;
	color: #333333;
	padding: 0;
	margin: 0;
}
.POP_LOGIN_NEW hr {
	border: 0;
	height: 1px;
	background-color: #d4d4d4;
	color: #d4d4d4	/* IE6 */
}
.POP_LOGIN_NEW .pop-up_btn {
	position: absolute;
	top: 8px;
	right: 9px;
}
.POP_LOGIN_NEW table {
	padding: 0px;
}
.POP_LOGIN_NEW table td {
	padding: 5px 0;
}
.POP_LOGIN_NEW table td p {
	padding: 0;
	margin: 0;
	padding-left: 60px;
	font-family: "微軟正黑體", "新細明體";
	font-size: 16px;
	line-height: 30px;
	padding-top: 10px;
}
.POP_LOGIN_NEW a#FB_BTN {
	display: block;
	font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #FFF;
	font-size: 18px;
	background-color: #009;
	border-radius: 5px;
	width: 72%;
	margin: 10px auto;
	text-align: center;
	text-decoration: none;
	height: 40px;
	line-height: 40px;
	background-color:#6586c9;
	background-image:url(../images/facebook-ios-icon.jpg);
	background-repeat:no-repeat;
	background-size:cover;
border:1px solid #FFF;
	-webkit-box-shadow: 0px 3px 5px #ccc;
	-moz-box-shadow: 0px 3px 5px #ccc;
	box-shadow: 0px 3px 5px #ccc;
}
.POP_LOGIN_NEW a:focus#FB_BTN{
	-webkit-box-shadow: 3px 3px 5px #333 inset;
	-moz-box-shadow: 3px 3px 5px #333 inset;
	box-shadow: 3px 3px 5px #333 inset;
}
.POP_LOGIN_NEW a#LOGIN_BTN {
	display: block;
	font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #FFF;
	font-size: 18px;
	background-color: #009;
	border-radius: 5px;
	width: 72%;
	margin: 0 auto;
	text-align: center;
	text-decoration: none;
	height: 40px;
	line-height: 40px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#97733C+0,c79810+100;Yellow+3D+%232 */
background: #97733C; /* Old browsers */
background: -moz-linear-gradient(top, #97733C 0%, #6E5030 50%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #97733C 0%,#6E5030 50%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #97733C 0%,#6E5030 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#97733C', endColorstr='#6E5030',GradientType=0 ); /* IE6-9 */
border:1px solid #FFF;
	-webkit-box-shadow: 0px 3px 5px #ccc;
	-moz-box-shadow: 0px 3px 5px #ccc;
	box-shadow: 0px 3px 5px #ccc;
	CURSOR: pointer;
	vertical-align:middle;
	letter-spacing:8px;
}
.POP_LOGIN_NEW a:focus#LOGIN_BTN{
	-webkit-box-shadow: 3px 3px 5px #333 inset;
	-moz-box-shadow: 3px 3px 5px #333 inset;
	box-shadow: 3px 3px 5px #333 inset;
}
.POP_LOGIN_NEW .WA_LOGIN {
	float: left;
}
.POP_LOGIN_NEW .WA_JOIN {
	border: 1px solid #fffaea;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	overflow: hidden;
	padding: 10px;
	position: relative;
	font-size: 13px;
	background-color: #fffaea;
	text-align: center;
	color: #666;
	width: 96%;
}

/*  會員頁面登入  */
.red{ color:#F00;}
.LOGIN_NEW {
	width: 720px;
	height: auto;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	overflow: hidden;
	padding: 15px 0 0 0;
	position: relative;
	font-size: 16px;
	font-family: "微軟正黑體", "新細明體";
}
.LOGIN_NEW .input,.LOGIN_NEW .input-2,.LOGIN_NEW select {
	font-family: "微軟正黑體", "新細明體", "細明體";	font-size: 16px;
	color: #000000;
	text-decoration: none;
	background-color: #FFF;
	border: 1px solid #999999;
	line-height: 1.6;
	margin: 3px;
	height: 30px;
	padding: 2px;
	border-radius: 5px;
    box-shadow: 0px 2px 5px #ccc;
}
.LOGIN_NEW select.input-2, .LOGIN_NEW select {
	height: 36px;
}
.LOGIN_NEW a{color:#2a85d0;}
.LOGIN_NEW td.data-content{ padding-left:185px;}
.LOGIN_NEW .w_100{width:60%;}
.LOGIN_NEW input{}
.LOGIN_NEW #addr_tw{}
.LOGIN_NEW h3 {
	font-family: "微軟正黑體", "新細明體";
	font-size: 16px;
	color: #333333;
	padding: 0;
	margin: 0;
}
.LOGIN_NEW hr {
	border: 0;
	height: 1px;
	background-color: #d4d4d4;
	color: #d4d4d4;	/* IE6 */
	margin-left:-70px;
}
.LOGIN_NEW .pop-up_btn {
	position: absolute;
	top: 8px;
	right: 9px;
}

.LOGIN_NEW td {
	padding: 5px 0;
}
.LOGIN_NEW td p {
	padding: 0;
	margin: 10px 0;
	font-family: "微軟正黑體", "新細明體";
	font-size: 16px;
}
.LOGIN_NEW a#FB_BTN {
	display: block;
	font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #FFF;
	font-size: 16px;
	background-color: #009;
	border-radius: 5px;
	width: 62%;
	margin: 10px 0;
	text-align: center;
	text-decoration: none;
	height: 40px;
	line-height: 40px;
	background-color:#6586c9;
	background-image:url(../images/facebook-ios-icon.jpg);
	background-repeat:no-repeat;
	background-size:cover;
border:1px solid #FFF;
	-webkit-box-shadow: 0px 3px 5px #ccc;
	-moz-box-shadow: 0px 3px 5px #ccc;
	box-shadow: 0px 3px 5px #ccc;
}
.LOGIN_NEW a:focus#FB_BTN{
	-webkit-box-shadow: 3px 3px 5px #333 inset;
	-moz-box-shadow: 3px 3px 5px #333 inset;
	box-shadow: 3px 3px 5px #333 inset;
}
.LOGIN_NEW a#SUBMIT_BTN {
	display: block;
	font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #FFF;
	font-size: 18px;
	background-color: #009;
	border-radius: 5px;
	width: 62%;
	margin: 0;
	text-align: center;
	text-decoration: none;
	height: 40px;
	line-height: 40px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#97733C+0,c79810+100;Yellow+3D+%232 */
background: #97733C; /* Old browsers */
background: -moz-linear-gradient(top, #97733C 0%, #6E5030 50%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #97733C 0%,#6E5030 50%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #97733C 0%,#6E5030 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#97733C', endColorstr='#6E5030',GradientType=0 ); /* IE6-9 */
border:1px solid #FFF;
	-webkit-box-shadow: 0px 3px 5px #ccc;
	-moz-box-shadow: 0px 3px 5px #ccc;
	box-shadow: 0px 3px 5px #ccc;
	CURSOR: pointer;
	vertical-align:middle;
	letter-spacing:8px;
}
.LOGIN_NEW a:focus#SUBMIT_BTN{
	-webkit-box-shadow: 3px 3px 5px #333 inset;
	-moz-box-shadow: 3px 3px 5px #333 inset;
	box-shadow: 3px 3px 5px #333 inset;
}
.LOGIN_NEW .WA_LOGIN {
	float: left;
}
.LOGIN_NEW .WA_JOIN {
	border: 1px solid #fffaea;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	overflow: hidden;
	padding: 10px;
	position: relative;
	font-size: 13px;
	background-color: #fffaea;
	text-align: center;
	color: #666;
	width: 96%;
}

/*  會員頁面註冊手機板  */
.red{ color:#F00;}
.LOGIN_NEW_m {
	width: 100%;
	height: auto;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	overflow: hidden;
	padding: 15px 0 0 0;
	position: relative;
	font-size: 16px;
	font-family: "微軟正黑體", "新細明體";
}
.LOGIN_NEW_m .input,.LOGIN_NEW_m .input-2,.LOGIN_NEW_m select {
	font-family: "微軟正黑體", "新細明體", "細明體";
	font-size: 16px;
	color: #000000;
	text-decoration: none;
	background-color: #FFF;
	border: 1px solid #999999;
	line-height: 1.6;
	margin: 3px;
	height: 30px;
	padding: 2px;
	border-radius: 5px;
	box-shadow: 0px 2px 5px #ccc;
}
.LOGIN_NEW_m select.input-2, .LOGIN_NEW_m select {
	height: 36px;
}
.LOGIN_NEW_m a{color:#2a85d0;}
.LOGIN_NEW_m td.data-content{ padding-left:10px; padding-right:10px;}
.LOGIN_NEW_m .w_100{width:100%;}
.w_half{width:60% !important;}
.LOGIN_NEW_m input{}
.LOGIN_NEW_m #addr_tw{}
.LOGIN_NEW_m h3 {
	font-family: "微軟正黑體", "新細明體";
	font-size: 16px;
	color: #333333;
	padding: 0;
	margin: 0;
}
.LOGIN_NEW_m hr {
	border: 0;
	height: 1px;
	background-color: #d4d4d4;
	color: #d4d4d4;	/* IE6 */
	margin-left:-200px;
}
.LOGIN_NEW_m .pop-up_btn {
	position: absolute;
	top: 8px;
	right: 9px;
}
.m_login_pop{ /* width:80% !important; */ margin:10px auto !important; }
.m_login_pop2{ width:90% !important; margin:10px auto !important; }
.m_login_pop3{ /* width:80% !important; */ margin:0px auto !important; }

.LOGIN_NEW_m td {
	padding: 5px 0;
}
.LOGIN_NEW_m td p {
	padding: 5px 20px 0px 30px;
	margin: 10px 0;
	font-family: "微軟正黑體", "新細明體";
	font-size: 16px;
	text-align: left;
}
.LOGIN_NEW_m a#FB_BTN {
	display: block;
	font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #FFF;
	font-size: 16px;
	background-color: #009;
	border-radius: 5px;
	width: 90%;
	margin: 10px 0;
	text-align: center;
	text-decoration: none;
	height: 40px;
	line-height: 40px;
	background-color:#6586c9;
	background-image:url(../images/facebook-ios-icon.jpg);
	background-repeat:no-repeat;
	background-size:cover;
border:1px solid #FFF;
	-webkit-box-shadow: 0px 3px 5px #ccc;
	-moz-box-shadow: 0px 3px 5px #ccc;
	box-shadow: 0px 3px 5px #ccc;
}
.LOGIN_NEW_m a:focus#FB_BTN{
	-webkit-box-shadow: 3px 3px 5px #333 inset;
	-moz-box-shadow: 3px 3px 5px #333 inset;
	box-shadow: 3px 3px 5px #333 inset;
}
.LOGIN_NEW_m a#SUBMIT_BTN, .LOGIN_NEW_m a#LOGIN_BTN  {
	display: block;
	font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #FFF;
	font-size: 18px;
	background-color: #009;
	border-radius: 5px;
	width: 90%;
	margin: 0 auto;
	text-align: center;
	text-decoration: none;
	height: 40px;
	line-height: 40px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#97733C+0,c79810+100;Yellow+3D+%232 */
background: #97733C; /* Old browsers */
background: -moz-linear-gradient(top, #97733C 0%, #6E5030 50%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #97733C 0%,#6E5030 50%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #97733C 0%,#6E5030 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#97733C', endColorstr='#6E5030',GradientType=0 ); /* IE6-9 */
border:1px solid #FFF;
	-webkit-box-shadow: 0px 3px 5px #ccc;
	-moz-box-shadow: 0px 3px 5px #ccc;
	box-shadow: 0px 3px 5px #ccc;
	CURSOR: pointer;
	vertical-align:middle;
	letter-spacing:8px;
}
.LOGIN_NEW_m a:focus#SUBMIT_BTN, .LOGIN_NEW_m a:focus#LOGIN_BTN{
	-webkit-box-shadow: 3px 3px 5px #333 inset;
	-moz-box-shadow: 3px 3px 5px #333 inset;
	box-shadow: 3px 3px 5px #333 inset;
}
.LOGIN_NEW_m .WA_LOGIN {
	float: left;
}
.LOGIN_NEW_m .WA_JOIN {
	border: 1px solid #fffaea;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	overflow: hidden;
	padding: 10px;
	position: relative;
	font-size: 13px;
	background-color: #fffaea;
	text-align: center;
	color: #666;
	width: 96%;
}
img#seccode{height:36px; margin-top:-2px;}
.data-bg{ background-color:#EEE;}
.FONT_SUCCESS{ color:#F00; font-size:30px !important; font-family:"微軟正黑體"; line-height:1.8; font-weight:bold;}
.mobile_table_c{ width:88%; margin:0 auto; padding:0; padding-right:9px; }
.w_70{ width:70% !important;}
.w_40{ width:40% !important;}


/* ====業務員摺疊表格==== */


a.btn_OFF, a.btn_mOFF{ display:block; width:24px; height:24px; background-image:url(iconmonstr-plus-5-24.png); background-repeat:no-repeat; text-indent:-9999px; border:none; margin:0 auto;}
.btn_ON, .btn_mON{background-image:url(iconmonstr-minus-5-24.png) !important;}
#copy_report2{width:59px; height:20px; }
.sum_tum{width:60px; text-align:center;}
.sum_tum_L{ width:120px;}
.PREVIEW_PIC{width:60px; height:60px; clear:both; text-align:center; margin:0 auto; line-height:60px; display: list-item;
 list-style: none;}
.PREVIEW_PIC img{ vertical-align:middle;}
.gray {
    background-color: #ccc;
	color:#F00;
}