/*product.php*/
.product_header{width:100%; border-bottom:1px solid #ccc; background-color:#f9f9f9; padding:20px 0;}
.product_headerMenu{width:1000px; margin:0 auto; text-align:center;}
.product_headerMenu > div:after{content:''; clear:both; height:0; visibility:hidden; display:block;}
.product_headerMenu a{display:inline-block; float:left; width:16%; border-right:1px solid #eee;}
.product_headerMenu img{width:70%;}
.product_end{border-right:0 !important;}
.product_content{width:1300px; margin:0 auto; padding:50px 0;}
.product_img1{background-image:url('../img/product_img1.jpg'); background-repeat:no-repeat; background-position:center bottom; background-size:100%; height:500px; margin-bottom:50px; position:relative;}
.product_img2{background-image:url('../img/product_img2.jpg'); background-repeat:no-repeat; background-position:center bottom; background-size:100%; height:500px; margin-bottom:50px; position:relative;}
.product_img3{background-image:url('../img/product_img3.jpg'); background-repeat:no-repeat; background-position:center bottom; background-size:100%; height:500px; position:relative;}
.product_text{position:absolute; right:10%; top:40%;}
.product_text1{font-size:14px; color:#ff6622;}
.product_text2{font-size:30px; margin-top:10px;}
.product_text3{font-size:20px; margin-top:10px;}
.product_btn {margin-top:20px;}
.product_btn a:link, .product_btn a:visited{border:1px solid #ff6622; color:#ff6622; background-color:#fff; font-size:14px; padding:10px;}
.product_btn a:hover, .product_btn a:focus{border:1px solid #ff6622; color:#ff6622; background-color:#ff6622; color:#fff;}
.product_btn span{font-weight:bold;}

/*cart.php*/
.cart_wrap{width:1300px; margin:0 auto; padding:50px 0;}
.cart_tab{text-align:center; border-width:1px 1px 0 1px; border-color:#eee; border-style:solid; background-color:#fff;}
.cart_tab:after{content:''; clear:both; height:0; display:block; visibility:hidden;}
.cart_tab span{color:#000; padding:13px 0; display:inline-block; font-size:14px; float:left; margin-top:5px;}
.cart_tabCheck{width:5%; margin-top:0 !important;}
.cart_tabImg{width:20%;}
.cart_tabName{width:25%;}
.cart_tabNumber{width:20%;}
.cart_tabPrice{width:20%;}
.cart_tabDelete{width:10%;}
.cart_tabCheck input{width:20px; height:20px; vertical-align:-webkit-baseline-middle;}
.cart_listText{font-size:14px;}
.cart_wrap{width:100%; background-color:#f5f5f5;}
.cart_area{width:1300px; margin:50px auto; padding:50px; background-color:#fff;} 
.cart_con{padding:50px 0;}
.cart_box{/*padding:50px;*/ text-align:center;}
.cart_title{font-size:25px; text-align:left; padding:20px 0; border-bottom:1px solid #999; color:#000;}
.cart_list{text-align:center;}
.cart_list li{border-bottom:1px solid #eee; padding:20px 0; position:relative;}
.cart_list li:after{content:''; clear:both; height:0; display:block; visibility:hidden;}
.cart_list > li > div{float:left;}
.cart_listCheck{width:5%;}
.cart_listImg{width:20%;}
.cart_listName{width:25%; margin-top:30px; text-align:left !important;}
.cart_listNumber{width:20%; margin-top:30px;}
.cart_listPrice{width:20%; margin-top:40px;}
.cart_listDelete{width:10%; margin-top:40px;}
.cart_text{vertical-align:middle;}
.cart_listDelete a{display:block; height:30px; background-image:url('../img/btn_delete.png'); background-repeat:no-repeat; background-size:15px; background-position:top; cursor:pointer;}
.cart_box{border:1px solid #eee; width:100px; padding:10px 0; text-align:center;}
.cart_text{font-size:13px;}
.cart_listImg > img{display:inline-block; vertical-align:bottom;}
.cart_board{background-color:#ffffff;}
.cart_board > ul{border:1px solid #eee;}
.btn_amount{width:50px; cursor:pointer; padding:10px 0;}
.cart_topicWrap{padding:30px 0; border-bottom:3px solid #fff;}
.cart_topic{width:1300px; margin:0 auto;}
.cart_topic:after{content:''; clear:both; height:0; visibility:hidden; display:block;}
.cart_topic > p{float:left; width:30%; text-align:center; font-size:17px;}
.arrow{width:5%!important;}
.cart_receipt{margin-top:50px;}
.cart_receipt:after{content:''; clear:both; height:0; visibility:hidden; display:block;}
.cart_receipt > div{float:left;}
.cart_moneyTitle{background-color:#fff; color:#000; font-size:16px; text-align:center; padding:10px 0; border:1px solid #eee; font-size:13px;}
.cart_moneyPrice{float:right;}
.cart_moneyText{float:left;}
.cart_money li:after{content:''; clear:both; visibility:hidden; height:0; display:block;}
.cart_money li{padding:15px 5px 15px 5px; border-bottom:1px solid #ddd; font-size:13px; background-color:#fff; border-left:1px solid #eee; border-right:1px solid #eee;}
.cart_money{width:65%;}
.cart_receiptBtn{height:83px; position:relative; width:35%;}
.cart_receiptBtn div{position:absolute; bottom:0; right:0;}
.cart_receiptBtn input{padding:10px 30px; color:#fff; cursor:pointer; background-color:#000;}
.cart_checkbox{width:20px; height:20px; vertical-align:middle; text-align:left; margin-top:65%;}
.cart_listBtn{text-align:right; margin-top:30px; }
.cart_listBtn input{padding:8px 25px; color:#fff; cursor:pointer; background-color:#000; font-size:14px;}
.cart_receiptPrice{border-bottom:1px solid #eee !important;}

/*order.php*/
.order_area{width:100%; background-color:#f5f5f5; padding:50px 0;}
.order_conArea{width:1300px; margin:50px auto; padding:50px; background-color:#fff;}

.order_title{font-size:25px; text-align:left; padding:20px 0; border-bottom:1px solid #999; color:#000;}
.order_subTitle{font-size:20px; text-align:left; padding:10px 0; margin-top:50px;}
.cartTitle{color:#607d8b;}
.order_product table{border-width:1px 0 1px 0; border-style:solid; border-color:#777; background-color:#fff;}
.order_product th{font-weight:normal; font-size:14px; padding:10px 0; color:#454545; border-bottom:1px solid #999;}
.order_product td{text-align:center; font-weight:normal; font-size:14px; padding:15px 0; color:#454545;}
.order_confirm{width:1300px; margin:0 auto; border-bottom: none; background-color:#fff;}
.order_confirm ul li:after{content:''; clear:both; height:0; display:block; visibility:hidden;}
.order_confirm ul li{border-width:0 0 1px 1px; border-style:solid; border-color:#ddd; padding:10px 20px; font-size:14px;}
.order_confirmLeft{float:left;}
.order_confirmRight{float:right; color:red;}
.order_confirmTotal{background-color:#eee !important; font-weight:bold; font-size:15px;}
.order_name{width:40% !important;}

/*join.php*/
.order_site, .join_person, .join_etc{padding:30px 0;}
.order_table{border:1px solid #eee; border-collapse:collapse; font-size:15px;}
.order_table th{font-weight:normal; text-align:right; width:10%; padding:15px; background-color:#f8f8f8; border-bottom:1px solid #eee;}
.order_table td{border:1px solid #eee; width:90%; padding:15px;}
.order_table td input{border:1px solid #eee; padding:1px; width:100%;}
.order_adressBtn{display:inline-block; color:#fff; background-color:#454545; border:0; width:15% !important; cursor:pointer; font-size:13px;}
.order_adress{white-space:nowrap; vertical-align:middle; padding-bottom:5px;}
.order_adressInput{width:16% !important;}
.order_checkbox{width:3% !important; display:inline-block; vertical-align:middle; border:0 !important;}
.order_etc span{display:inline-block; vertical-align:middle;}
.order_textarea{width:100%;}
.order_agree{margin-top:10px;}
.order_button{width:960px; margin:0 auto; padding:30px 0;}
.order_btn{text-align:center;}
.order_btnJoin{width:200px; color:#fff; padding:7px; background-color:#454545; border:none; cursor:pointer; font-size:14px;}
.order_btnCencle{width:200px; color:#ff6622; padding:7px; background-color:#fff; border:1px solid #ff6622; cursor:pointer; font-size:14px;}
.order_btnOut{text-align:right;}
.order_btnOut button{border:1px solid #ff6622; background-color:#f00; color:#fff; padding:5px; cursor:pointer;}
.order_personBtn{background-color:#e3e3e3; border:none; vertical-align:super; cursor:pointer;}
.order_personInput{display:inline-block; width:60% !important; vertical-align:top; margin-top:5px;}
.order_personImg{width:13%;} 
.order_phoneInput{width:10% !important;}
.order_phoneSelect{width:11%; padding:5px;}
.order_redStar{color:#f00; margin-right:3px;}
.destination{width:5% !important; vertical-align:middle; width:20px; height:20px;}
.order_head{padding:0 !important;}
.order_head:after{content:''; clear:both; height:0; display:block; visibility:hidden;}
.order_head > div{float:left; width:50%; text-align:center !important; font-size:16px; font-weight:500; padding:20px 0;}
textarea{width:100%; resize:none; height:100px; padding:10px; font-size:15px;}

/*payment_complete.php*/
.payment_popup{text-align:center; padding:30px 0; border:1px solid #eee; margin-top:50px;}
.complate_info, .complate_order{width:960px; margin:0 auto;}
.payment_table{border:1px solid #eee; border-collapse:collapse; font-size:14px; text-align:center;}
.payment_table th{font-weight:normal; width:20%; padding:15px; background-color:#f8f8f8; border-bottom:1px solid #eee; }
.payment_table td{border:1px solid #eee; width:90%; padding:15px;}
.order_list{width:960px; margin:0 auto;}
.list_table{border-collapse:collapse; font-size:14px; border-bottom:1px solid #454545;}
.list_table th{font-weight:500; text-align:center; background-color:#eee; border-bottom:1px solid #999; padding:10px 0;}
.list_table td{text-align:center; font-weight:500; padding:10px 0; border-bottom:1px solid #eee;}
.list_check{text-align:left !important; width:15%;}
.list_check label{margin-left:20px;}
.text_black{color:#000;}

/*order_reference.php*/
.reference_area{width:100%; padding:50px 0;}
.reference_wrap{width:1300px; margin:0 auto; background-color:#fff; padding:50px 0;}
.reference_title{font-size:25px; text-align:left; padding:20px 0; border-bottom:1px solid #999; color:#000;}
.reference_list p{padding-bottom:5px; font-size:17px; color:#454545; font-size:14px;}
.reference_list table{width:100%; border-width:1px 0 1px 0; border-style:solid; border-color:#454545;}
.reference_list table th{padding:10px 0; font-size:14px; text-align:center;}
.reference_list table td{border-width:1px 0 0 0; border-style:solid; border-color:#eee; text-align:center; padding:10px 0; font-size:13px;}
.reference_list p{font-size:13px;}
.reference_btn{padding:5px; color:#fff; background-color:#454545; border-radius:5px; cursor:pointer; font-size:13px;}
.reference_info{margin-top:30px;}
.reference_info table{border-width:1px 1px 0 0; border-style:solid; border-color:#eee;}
.reference_info table th{border-width:0 0 1px 1px; border-style:solid; border-color:#eee; padding:10px 0; width:25%; font-size:13px; text-align:center;} 
.reference_info table td{border-width:0  0 1px 1px; border-style:solid; border-color:#eee; width:25%; font-size:13px; padding:10px 10px;}
.table_title{font-size:16px; padding:15px 0; font-weight:bold;}
.home{background-color:#000; color:#fff; padding:10px 15px; text-align:center; cursor:pointer;}
	/*tab*/
.reference_title{font-size: 25px; text-align: left; padding: 20px 0; border-bottom: 1px solid #454545; margin-bottom: 20px;}
.reference_area{width:1300px; margin:0 auto;}
.reference_tab{position:relative; padding-top:31px;}
.reference_tab>li>a {
    display:block; 
    position:absolute; 
    top:0; 
    width:324px;
    height:65px;
    line-height:65px;
    text-align:center;
    color:#9e9e9e;
	font-size:20px;
	font-weight:bold;
	border-bottom:1px solid #ddd; 
}

.reference_menu1:visited, .reference_menu1:link{	
	background-image:url('../img/refer_search_visited.png');
	background-size:23%;
	background-repeat:no-repeat;
	background-position:5% 0;
}
.reference_menu2:visited, .reference_menu2:link{	
	background-image:url('../img/refer_edit_visited.png');
	background-size:23%;
	background-repeat:no-repeat;
	background-position:5% 0;
}
.reference_menu3:visited, .reference_menu3:link{	
	background-image:url('../img/refer_point_visited.png');
	background-size:23%;
	background-repeat:no-repeat;
	background-position:10% 0;
}
.reference_menu4:visited, .reference_menu4:link{	
	background-image:url('../img/refer_product_visited.png');
	background-size:23%;
	background-repeat:no-repeat;
	background-position:5% 0;
}

.reference_menu1:hover, .reference_menu1:focus{
	background-image:url('../img/refer_search_hover.png');
	background-size:23%;
	background-repeat:no-repeat;
	background-position:5% 0;
	color:#353535
}
.reference_menu2:hover, .reference_menu2:focus{
	background-image:url('../img/refer_edit_hover.png');
	background-size:23%;
	background-repeat:no-repeat;
	background-position:5% 0;
	color:#353535
}
.reference_menu3:hover, .reference_menu3:focus{
	background-image:url('../img/refer_point_hover.png');
	background-size:23%;
	background-repeat:no-repeat;
	background-position:10% 0;
	color:#353535
}
.reference_menu4:hover, .reference_menu4:focus{
	background-image:url('../img/refer_product_hover.png');
	background-size:23%;
	background-repeat:no-repeat;
	background-position:5% 0;
	color:#353535
}

.reference_tab>li:first-child>a {left:0;}
.reference_tab>li+li>a {left:324px;}
.reference_tab>li+li+li>a {left:648px;}
.reference_tab>li+li+li+li>a {left:972px;}
.reference_tab>li>div {height:0; overflow:hidden; position:absolute; margin-top:10px;}
.reference_tab>li.on>div {height:auto; position:static; padding:10px;}
.reference_search{text-align:center;}
.reference_input{border:1px solid #eee; width:300px; padding:15.5px 10px; vertical-align:middle; font-size:16px;}
.reference_button{background-color:#ff8a65; padding:15px; color:#fff; vertical-align:middle; cursor:pointer;}


/*º¸À¯Á¦Ç°*/
.menu4_listWrap{width:100%;}
.menu4_listTable table{width:100%; border-width:1px 0 1px 0; border-color:#999; border-style:solid;}
.menu4_listTable table th{background-color:#f5f5f5; padding:10px 0; font-size:13px; color:#000;}
.menu4_listTable table td{border-top:1px solid #eee; padding:20px 10px; text-align:center; font-size:13px;}
.menu4_listbutton{cursor:pointer; border:1px solid #d0211c; color:#d0211c; padding:8px; background-color:#fff; font-size:13.5px;}
.menu4_listBottom{margin-top:30px;}
.menu4_listBottom:after{content:''; clear:both; height:0; display:block; visibility:hidden;}
.menu4_listSearch{text-align:center;}
.menu4_listSearch{margin-top:50px;}
.menu4_listSearch select{padding:5px; border:1px solid #ddd; vertical-align:middle;}
.menu4_listInput{border:1px solid #ddd; padding:5px 10px; vertical-align:middle;}
.menu4_listSearching{background-color:#d0211c; color:#fff; padding:5px 7px; font-size:14px; vertical-align:middle; border-radius:5px; cursor:pointer;}
.menu4_title {font-size: 25px; text-align: left; padding: 20px 0; border-bottom: 1px solid #454545; margin-top:50px;}
.menu4_textTitle {font-size: 20px; padding-bottom: 10px;  color: #ff4049;}
.menu4_textText { font-size: 14px;}
.menu4_text{border-top:1px solid #bbb; padding-top:30px;}
.menu4_textCon > div{margin-top:30px;}
.product_none{text-align:center;font-size:20px; padding:60px 0;}
.menu4_RequestBtn{background-color:#333333; color:#fff; padding:8px; font-size:13px; border:1px solid #333333; border-radius:5px;}
.menu4_btnArea{text-align:right; margin:10px 0 30px 0;}



/*item_detail.php*/
.item_area{width:100%; margin:0 auto;}
.item_title{font-weight:bold; font-size:27px; color:#454545; padding:25px 0;}
.item_con:after{content:''; clear:both; height:0; display:block; visibility:hidden;}
.item_img{width:45%;}
.item_text{width:40%;}
.item_banner{margin-left:35px; width:10%; height:100%; border:1px solid #eee; padding:10px 0; text-align:center; height:500px; background:linear-gradient(-45deg, rgba(246, 255, 0, 0.8), rgba(255, 0, 161, 0.8)) fixed, url('http://www.webcreatorbox.com/sample/images/bg-cherrybrossam.jpg')fixed;}
.item_banner a{color:#fff; font-size:20px; font-weight:bold;}
.item_tab{width:100%; margin-top:50px;}
.item_text{padding:0 10px 10px 10px;}
.item_textTitle{font-weight:600; color:#454545; font-size:14px;}
.item_textTable{width:100%; margin-top:-15px;}
.item_textTable td{padding:15px; }
.item_textTable td{width:25%;}
.item_img img{width:500px; height:500px;} 
.item_price{font-weight:900; font-size:20px; color:#454545;}
.item_code td{border-bottom:1px solid #ddd;}
.item_number td{background-color:#f5f5f5; border-width:10px 0 0 0; border-style:solid; border-color:#fff;}
.item_number{padding:10px 0;}
.btn_minus, .btn_plus{background-color:#ddd; padding:10px 15px; color:#000; cursor:pointer;}
.item_input{padding:10px; width:40px; text-align:center;}
.item_totalPrice{text-align:right;}
.item_btn td{padding:15px 0 !important;}
.item_cartBtn, .item_heartBtn{width:80%; border:1px solid #7f8384; padding:10px 10px; font-weight:bold; color:#7f8384; font-size:14px; display:inline-block; text-align:center;}
.item_cartBtn img, .item_heartBtn img{width:20px; display:inline-block; vertical-align:middle; margin-top:-3px;}
.item_totalPrice td{padding-top:30px !important;}
.item_buyBtn{width:90%; background-color:#ff4046; color:#fff; padding:10px 10px; display:inline-block; text-align:center;}
.item_totalPrice td{font-size:18px;}
.item_infoTitle, .item_orderTitle{
	width:100%; 
	padding:20px; 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+0,ffffff+100 */
background: #45484d; /* Old browsers */
background: -moz-linear-gradient(left,  #45484d 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #45484d 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #45484d 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */

	color:#fff;
	font-size:20px;}
.item_infoBox img, .item_orderBox img{width:100%;}
.item_content, .order_content{margin-top:30px;}
.item_infoCon, .item_orderCon{border:1px solid #ddd;}
.item_orderBox table{width:100%;}
.item_orderBox table th{width:20%;}
.item_orderBox table td{padding:10px; font-size:14px; color:#454545; width:80%; text-align:center;}
.item_orderBox table td p{padding-bottom:10px;}

/*search.php*/
.search_title{font-size: 25px; text-align: left; padding: 20px 0; border-bottom: 1px solid #454545;}

.search_tab{position:relative; padding-top:31px;}
.search_tab>li>a {
    display:block; 
    position:absolute; 
    top:0; 
    width:324px;
    height:50px;
    line-height:50px;
    text-align:center;
	background-color:#eee;
    color:#2a2a2a;
	font-size:15px;
	border-bottom:1px solid #2a2a2a;
}
.search_tab>li.on>a {background:#2a2a2a; color:#fff; font-size:16px; font-weight:bold;}
.search_tab>li:first-child>a {left:0;}
.search_tab>li+li>a {left:324px;}
.search_tab>li+li+li>a {left:648px;}
.search_tab>li+li+li+li>a {left:972px;}
.search_tab>li>div {height:0; overflow:hidden; position:absolute; margin-top:10px;}
.search_tab>li.on>div {height:auto; position:static; padding:10px;}
.search_search{text-align:center; padding:40px 0;}
.search_input{border:1px solid #eee; width:300px; padding:15.5px 10px; vertical-align:middle; font-size:16px;}
.search_button{background-color:#2a2a2a; padding:15px; color:#fff; vertical-align:middle; cursor:pointer;}

/*member_edit*/
.member_editTitle{font-size: 25px; text-align: left; padding: 20px 0; border-bottom: 1px solid #454545; margin-bottom: 20px;}
.member_editTable{width:100%; border-width:1px 0 0 1px; border-style:solid; border-color:#eee;}
.member_editTable > tbody > tr > th{padding:10px 0; width:15%; border-bottom:1px solid #fff; text-align:center; font-size:13px; background-color:#f5f5f5;}
.member_editTable > tbody > tr > td{width:80%; border-width:0 1px 1px 1px; border-color:#eee; border-style:solid; padding:10px 15px; font-size:14px;}
.member_input{border:1px solid #eee; padding:10px; width:95%;}
.phone_input{border:1px solid #eee; padding:10px; width:10%; text-align:center; } 
.adress_input{width:20%; border:1px solid #eee; padding:10px; }
.adress_button{padding:10px; color:#fff; background-color:#777; cursor:pointer; vertical-align:bottom; font-size:13px; border-radius:5px;}
.edit_button{padding:10px; color:#fff; background-color:#000; cursor:pointer;}
.member_sns input{margin-top:3px; padding:10px 0; display:inline-block; vertical-align:middle;}
.member_sns span{padding:10px 35px 10px 0; display:inline-block; vertical-align:middle;}
.member_editRed{color:#ed1c24; margin-right:3px;}

/*member_point.php*/
.reference_point{min-height:300px;}
.reference_table{width:100%; text-align:center;}
.reference_table th{border-top:1px solid #999; border-bottom:1px solid #ddd; padding:15px 0; font-size:13px; background-color:#f5f5f5;}
.reference_table td{padding:15px 0; border-bottom:1px solid #eee; font-size:13px;}
.member_editName{width:40%;}
.point_img{text-align:center;}
.point_img img{width:7%;}
.point_title{font-weight:bold; font-size:20px; padding:10px;}
.point_text{text-align:center; font-size:14px; color:#777; padding:5px;}
.point_box{width:500px; margin:0 auto; border:1px solid #eee; text-align:center; margin-top:30px;}
.point_box th{padding:15px; background-color:#f5f5f5; width:30%; font-size:15px;}
.point_box td{padding:15px; width:70%; font-size:16px; font-weight:900; color:#454545;}
.reference_tableTitle{font-size:18px; font-weight:bold; padding:10px 0;}