@charset "utf-8";
/* CSS Reset */

.purple{color:#673c87;}
.black{color:#000;}
.pink{color:#e94a7e;}
.red{color:#ed2222;}
h3{color:#2c2c2c; font-size:200%; font-weight:bold;}
#titles{padding-bottom:10px; border-bottom:solid 1px #000; margin-top:50px; margin-bottom:20px;}
#titles .right{line-height:23px; color:#6b6b6b; font-size:125%;}
#titles .right b{color:#e94a7e;}

/* Order */
#step{margin:0px 0px 0px 230px;}
#order_title{padding-bottom:10px; border-bottom:solid 1px #000; margin:0;}
#order_foot{border-top:solid 1px #000; margin-top:20px;}
.order_sub_title{
    color:#000;
	background-color:#d9d9d9;
	margin:20px 0;
	/*padding:5px 10px;*/
}
.order_sub_title span{color:#e94a7e;}
.order_sub_title a, .order_sub_title a:hover{text-decoration:none; color:#e94a7e;}

.table_confirm{
    border-top:#d9d9d9 1px solid;
	border-left:#d9d9d9 1px solid;
	margin-left:10px;
}
.table_confirm td{
    border-bottom:#d9d9d9 1px solid;
	border-right:#d9d9d9 1px solid;
	padding:8px;
	vertical-align:top;
}
.order_inner b{color:#e22f2d; font-weight:normal;}
.table_confirm img, .table_list_inner img{margin-right:10px;}

.table_confirm2{margin-left:10px;}
.table_confirm2 td{border-bottom:#d9d9d9 dotted 1px; padding:8px;}
.table_confirm2 td span{color:#673c87;}
.table_confirm2 table td{border:none; padding:0;}

.table_list_top td{
    background-color:#d9d9d9;
	border-left:#fff 1px solid;
	border-bottom:#2c2c2c 1px dotted;
	color:#000;
	padding:10px 8px;
}
.table_list_inner td{
    border-bottom:#2c2c2c 1px dotted;
	padding:10px 8px;
	vertical-align:top;
}
.table_list_inner tr.no_bottom td{border:none;}
.table_list_down td{padding:10px 8px;}
.table_confirm td b, .table_list_down td b{color:#e22f2d; font-size:125%;}

.table_fill{margin-left:10px;}
.table_fill td{padding:8px 0px;}
.input_fill_180{border:#9d9d9d 1px solid; color:#673c87; width:180px; height:18px; line-height:18px;}
.input_fill_150{border:#9d9d9d 1px solid; color:#673c87; width:150px; height:18px; line-height:18px;}
.input_fill_30{border:#9d9d9d 1px solid; color:#673c87; width:45px; height:18px;}
.textarea1{border:#9d9d9d 1px solid; color:#673c87; width:500px; height:100px;}

.table_fill span{color:#878bd9;}

/* Select表單樣式 */
.select_fill{
    width:70px;
	height:22px;
	margin-left:-1px;
	margin-top:-1px;
	color:#673c87;
}
.select_border{
    border:#9d9d9d 1px solid;
	width:68px;
	overflow:hidden;
	height:20px;
}
ul.left li{float:left; width:auto; margin:0 1px;}

ul.pay li{
   float:left;
   margin-right:10px;
}
ul.pay li a{color:#6b6b6b;}
ul.pay li a:hover{color:#e94a7e; text-decoration:none;}

/* Order Footer */
.order_notice{
    float:left;
	padding:20px 0;
	width:50%;
}
.order_btn{
    float:right;
	padding:20px 0;
	width:50%;
	text-align:right;
}
.coupon{margin-bottom:20px; margin-right:5px;}
.coupon input{
    border:#9d9d9d 1px solid;
	height:20px; width:150px;
	line-height:20px;
	vertical-align:middle;
	padding-left:2px;
	color:#999;
}
.order_btn img{margin:0 5px;}

.order_pages{border-top:solid 1px #000; text-align:center; padding-top:15px; margin-bottom:30px;}
.order_pages a{color:#6b6b6b;}
.order_pages a:hover{color:#673c87;}
.order_pages em{color:#673c87; text-decoration:underline; font-style:normal;}
.order_pages b{color:#e94a7e;}

/* Order Inner*/
.order_inner{margin:20px;}
.order_inner a, .order_inner a:hover,
.order_notice a, .order_notice a:hover,
.login_box table a, .login_box table a:hover,
.login_pop table a, .login_pop table a:hover,
.table_fill a, .table_fill a:hover,
.table_list_inner a, .table_list_inner a:hover,
.purple a, .purple a:hover{color:#e94a7e; text-decoration:underline;}
.order_inner li{background:url(/images/list_purple_arrow.gif) no-repeat left 6px; padding-left:8px;}

/* Login Page */
.login_box{
    width:400px;
	height:225px;
	background:url(/images/bg_login.gif) no-repeat;
	margin:20px 15px 100px;
	padding:10px;
	color:#000;
}
.login_pop{
    width:400px;
	height:225px;
	background:url(/images/bg_login.gif) no-repeat;
	padding:10px;
	color:#000;
	margin:40px 40px 0;
}

/* Index Top */
.main_box{margin-top:20px;}
.vision{float:left; border:#dfdfdf 1px solid; width:533px; position:relative; height:335px;}
.vision_img{top:0; left:0; position:absolute;}
.vision_number1{
    bottom:2px;
	left:2px;
	position:absolute;
	z-index:99;
	background-color:#373737;
	font-size:83.3%;
	text-align:right;
	width:50px;
	color:#FFF;
}
.vision_number2{
    bottom:2px;
	position:absolute;
	z-index:99;
	left:54px;
	background-color:#373737;
	font-size:83.3%;
	text-align:right;
	width:50px;
	color:#FFF;
}
.vision_number3{
    bottom:2px;
	position:absolute;
	z-index:99;
	left:106px;
	background-color:#373737;
	font-size:83.3%;
	text-align:right;
	width:50px;
	color:#FFF;
}
.vision_number4{
    bottom:2px;
	position:absolute;
	z-index:99;
	left:158px;
	background-color:#373737;
	font-size:83.3%;
	text-align:right;
	width:50px;
	color:#FFF;
}
.vision_number5{
    bottom:2px;
	position:absolute;
	z-index:99;
	left:210px;
	background-color:#373737;
	font-size:83.3%;
	text-align:right;
	width:50px;
	color:#FFF;
}
.vision_number1 a, .vision_number2 a, .vision_number3 a, .vision_number4 a, .vision_number5 a
{background-color:#ccc; display:block; color:#FFF; text-decoration:none;}
/*.vision_number1 a:hover, .vision_number2 a:hover, .vision_number3 a:hover, .vision_number4 a:hover, .vision_number5 a:hover
{background-color:#373737; display:block; text-decoration:none;}
*/
.main_news{float:right; width:387px;}
.main_news_box{border:#dfdfdf 1px solid; color:#565656; margin-bottom:10px; min-height:125px;}
.main_news_title{margin:10px;}
.main_news_box span{color:#929292;}
/*.main_news_box span a:hover{color:#565656;}*/
.main_news_box li{margin:0px 0px 10px 10px;}
.main_news_box li a{color:#673c87;}
.main_news_box li a:hover{color:#90c;}
.top_sale_box{
    border-right:#dfdfdf 1px solid;
	float:left;
	text-align:center;
	padding:0px 8px 5px;
	*padding:0px 8px 0px;
	_padding:0px 8px 0px;
	*margin-bottom:-5px;
	width:110px;	
}
.top_sale_box span a{color:#e22f2d; font-weight:bold;}
.top_sale_img{height:92px; vertical-align:bottom;}

/*Index Down*/
.main_box2{margin-top:20px;}
.main_product_box{width:304px; float:left; margin-bottom:50px;}
.margin_r{margin-right:12px;}
.main_product_box_narrow{width:304px;float:left; margin-bottom:10px;}

.main_product_title{
    background:url(/images/bg_subtitle.gif) no-repeat;
	width:294px;
	height:17px;
	padding:5px;
	position:relative;
        cursor:pointer;
}
.main_product_more{position:absolute; right:5px; top:5px; color:#222;}
.main_product_more a,
.p_back a,
.product_image a,
.order_pages span a{color:#222;}
.main_product_more a:hover,
.p_back a:hover,
.product_image a:hover,
.order_pages span a:hover{color:#66c; text-decoration:none;}

.main_product_img{
    float:left;
	margin-top:8px;
	width:150px;
	/*height:126px;
	text-align:center;
	position:relative;*/
}
.main_product_img div{width:148px; height:126px; border:#dfdfdf 1px solid; margin-bottom:5px;}
.main_product_img img{/*bottom:0; position:absolute; left:0;*/}
.main_product_in{float:right; margin-top:8px;}
.main_product_new{margin:0px 0px 10px 10px; height:14px;}
.main_product_name{margin-left:10px; margin-bottom:5px; color:#000; font-weight:bold;}
.main_product_name a{color:#000; font-weight:bold;}
.main_product_text{margin-left:10px; height:auto; color:#707070; width:144px; height:40px; overflow:visible;}
.main_product_text a{color:#707070;}
.main_product_price{margin-left:10px; color:#e22f2d; font-size:125%; font-weight:bold; line-height:1.5;}

/* Product Page*/
.p_back{text-align:right; margin-bottom:15px;}
.table_product{
    border-top:#e1e1e1 3px solid;
	border-right:#e1e1e1 3px solid;
	border-left:#e1e1e1 2px solid;
	border-bottom:#e1e1e1 2px solid;
	margin-bottom:5px;
}
.table_product td{
    border-left:#e1e1e1 1px solid;
	border-bottom:#e1e1e1 1px solid;
	padding:6px 10px;
}
.table_product td b{font-weight:normal; text-decoration:line-through; text-align:right;}
.table_product td.p_r{border-left:none;}
.table_product td.p_r img{margin-left:10px;}
.price_big{color:#e22f2d; font-size:175%; font-weight:bold; line-height:1.5;}

  /*Product Image*/
.product_image{width:480px; float:left;}
.p_img_big{width:445px; height:340px; position:relative; margin:0 15px;}
#p_img_prev{position:absolute; top:230px; left:0;}
#p_img_next{position:absolute; top:230px; right:0;}
.product_image li{float:left; border:#dfdfdf 1px solid; margin:10px 6px 0px 6px;}

  /*Product Inner*/
.product_inner{width:395px; float:right;}
.must_buy{font-size:125%; margin:10px 0px 25px;}
.must_buy img{margin-right:1px;}

.feature{height:100%;}
.feature_top{border-bottom:solid 2px #5c5c5c;}
.feature_top li{float:left; font-weight:bold; margin-right:5px;}
.feature_top li span{
    display:block;
	padding:5px 8px;
	background-color:#5c5c5c;
	color:#FFF;
}
.feature_top li a{
    display:block;
	padding:5px 8px;
    background-color:#eaeaea;
	color:#666;
}
.feature_top li a:hover{display:block; background-color:#5c5c5c; text-decoration:none; color:#FFF;}

#feature_tab1, #feature_tab2{padding:10px 0; /*border-bottom:solid 2px #5c5c5c;*/}
#feature_tab3{padding:10px 0 0; /*border-bottom:solid 2px #5c5c5c;*/}
#feature_tab2 li{background:url(/images/list_black_point.gif) no-repeat left center; padding-left:8px; line-height:2;}
#feature_tab2 li span{color:#353535;}
.feature_p{float:left; padding:10px; width:170px; border:#dfdfdf 1px solid; margin:0px 5px 10px 0px;}
.other_title{font-weight:bold; height:35px;}

/*All Product*/
.product_title{
    background:url(/images/bg_all_title.gif) no-repeat;
	width:928px;
	height:17px;
	padding:5px;
	position:relative;
	cursor:pointer;
}
.all_box{margin:30px 0 30px;}
.product_box{width:304px; float:left; margin-top:20px; margin-bottom:20px; height:1%;}
.to_top{margin-top:10px; text-align:right; margin-right:5px;}

/*--表單驗證--*/
label.error, label.error{color:#e22f2d;}
input:focus{border:1px dotted #666;}
input.error{border:1px dotted #e22f2d;}
div.error{display:none;}
label.error{display:none;}

/*Popup Rules*/
#rules{width:630px; margin:10px;}
#rule_content{padding:20px 10px; line-height:1.5; color:#6b6b6b;}
#rule_content strong{color:#673c87; font-size:125%;}

/*News*/
.table_news td{border-bottom:#d9d9d9 dotted 1px; padding:8px; color:#673c87;}
.table_news td a{color:#673c87;}
.table_news td a:hover{color:#90c;}
.table_news td.news_date{background:url(../images/list_purple_arrow.gif) no-repeat 25px 15px; padding-left:35px; color:#6b6b6b;}
.table_news td img{margin-right:5px;}

.share{text-align:right; margin:20px 0 10px;}