@charset "utf-8";
/* CSS Document */
body{ margin:0;padding:0; font-family:"微軟正黑體"; }
.header_container{ height:155px; background:url(../images/front/pink_bg.png);}
.header_div{ margin:0 auto; width:1100px; padding-top:50px; position:relative;}

.header_logo{}
.header_links{ /*position:absolute; top:70px; right:0px;*/}
.header_links a{ color:#59193a; text-decoration:none; font-size:14px; margin:0 5px;}
.header_links a:hover{ color:#8b7c84;}
.header_links .logout{ color:#8b7c84;}
.header_news{position:absolute; top:73px; left:200px; color:#ed1e1e; font-size:13px; width:900px;}
.header_navi{position:absolute; top:115px; right:0px;}
.header_navi ul{ margin:0; padding:0; list-style:none;}
.header_navi ul:after{ content:''; clear:both; display:block;}
.header_navi ul li{ float:left; }
.header_navi a{color:#59193a; text-decoration:none; font-size:14px; margin:0 15px;}
.header_navi a:hover{ color:#8b7c84;}

.cart_url_div{ position:relative;}
.cart_link{ text-decoration:none; position:fixed; right:0; top:100px; display:block; width:40px; height:40px; text-align:center; font-size:24px; line-height:40px; color:#FFF; background:#ff3c47; border-radius: 50%;}
.middle_div{ margin:0 auto; width:1100px;}
.big_banner_div{ margin:0 auto; width:1100px;}

.checked_all_div{ margin-top:20px;}

.home_category_div{ background:#f2eff1;  margin:0 auto; width:1080px; padding:10px;}
.home_category_div .white_bg{ background:#FFF;}
.home_category_div:after{ content:''; clear:both; display:block;}

.home_category_name_list_div{ background: url(../images/front/home/category_title.png) 10px center no-repeat #f2eff1; margin:20px; width:180px; height:190px; float:left; padding:10px 10px 10px 45px;}
.home_category_name_list_div ul{ margin:0; padding:0; list-style:none;}
.home_category_name_list_div ul:after{ content:''; clear:both; display:block;}
.home_category_name_list_div ul li{margin:5px 0;}
.home_category_name_list_div ul li a{ font-size:16px; color:#664d4d; text-decoration:none; padding:2px 2px 2px 20px; }
.home_category_name_list_div ul li a:hover{ color:#ab8181; }
.home_category_name_list_div ul li a:focus{ color:#ab8181; background: url(../images/front/home/icon_checked.png) 3px center no-repeat #FFF;  -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}

.home_category_img_list_div{padding:25px 0 0 0 ;}
.home_category_img_list_div ul{ margin:0; padding:0; list-style:none;}
.home_category_img_list_div ul:after{ content:''; clear:both; display:block;}
.home_category_img_list_div ul li{ width:190px; height:190px; text-align:center; float:left; }
.home_category_img_list_div ul li a{color:#ab8181; text-decoration:none; text-align:center; }
.home_category_img_list_div ul li a:hover{ opacity:0.5;}
.home_category_img_list_div ul li a:hover img{ opacity:0.5; -webkit-border-radius: 50%;-moz-border-radius:50%;border-radius:50%;}
.home_category_img_list_div .img{ margin:0 auto; width:160px; height:160px; overflow:hidden; -webkit-border-radius: 50%;-moz-border-radius:50%;border-radius:50%;}
.home_category_img_list_div .img img{ height:160px;}

.home_ad_list_div{  margin:10px auto 20px auto; width:1100px;}
.home_ad_list_div:after{ content:''; clear:both; display:block;}
.home_ad_list_div .left_div{ float:left; width:722px; margin-right:10px;}
.home_ad_list_div .left_div a img{ border:none; margin:10px 0;}
.home_ad_list_div .left_div a img:hover{ opacity:0.5;}
.home_ad_list_div .right_div{ float:left; width:362px;}
.home_ad_list_div .right_div .home_news_div{ height:250px; margin-bottom:10px; border:2px solid #d0d0d0; padding:40px 5px 5px 5px; background:url(../images/front/home/home_news_title.png) center 3px no-repeat; }

.home_ad_list_div .right_div .home_news_div ul{ margin:0; padding:0; list-style:none;}
.home_ad_list_div .right_div .home_news_div ul li{ margin:3px 0;}
.home_ad_list_div .right_div .home_news_div ul li a{ font-size:14px; color:#ab8181; text-decoration:none; padding-left:40px; }
.home_ad_list_div .right_div .home_news_div ul li:first-child a{ color:#ee000e; background:url(../images/front/home/icon_new.png) left center no-repeat;}
.home_ad_list_div .right_div a img{ border:none;}
.home_ad_list_div .right_div a img:hover{ opacity:0.5;}



.navi_title{ color:#ae1267; font-size:22px; border-bottom:1px solid #8497be; padding-bottom:5px; margin-top:40px; margin-bottom:50px;}
.navi_title a{ text-decoration:none; color:#ae1267;}
.navi_title a:hover{  color: #3f5d9a;}
.product_list_table_div td{ text-align:center; vertical-align:top; color:#3f5d9a; width:33.3333333%; padding-bottom:100px;}
.product_list_table_div td a{ display:block; color:#3f5d9a; text-decoration:none; font-size:18px; line-height:26px; }
.product_list_table_div td a:hover{ color:#888d98;  font-size:16px;}
.product_list_table_div td div{ font-size:18px; border:1px solid #ff3c47; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; display:inline-block; min-width:135px; margin-bottom:13px;}

.product_sub_title{font-size:20px; border:1px solid #ff3c47; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; display:inline-block; min-width:135px; color:#3f5d9a; text-align:center; margin-bottom:55px; padding:3px 10px;}

.product_html{ padding:0 85px; margin-bottom:80px; }

.product_list_ul_div{ padding:0 85px;   }
.product_list_ul_div ul{ margin:0; padding:0; list-style:none;}
.product_list_ul_div ul:after{ content:''; clear:both; display:block;}
.product_list_ul_div ul li{ width:25%; margin-bottom:50px; text-align:center; float:left;  min-height: 260px;}
.product_list_ul_div ul li a{ display:block; width:209px; height:142px;}
.product_img img{ width:209px; height:142px;}
.product_img img:hover{opacity: 0.4;    filter: alpha(opacity=40); /* For IE8 and earlier */}
.product_name{ color:#6c5b0e; font-size:18px; font-weight:800; margin:15px 0; text-overflow: ellipsis;  overflow: hidden;   white-space: nowrap;}
.product_price{ color:#000000; font-size:18px; font-weight:800; }
.product_add_cart a{ background:url(../images/front/icon_add_cart.png) center no-repeat; width:80px; height:30px; display:inline-block; margin:5px 0; }
.page_list_div{ margin-bottom:30px;text-align:center; font-size:16px;}

.product_category_all_list_ul_div ul{ margin:0; padding:0; list-style:none;}
.product_category_all_list_ul_div ul:after{ display:block; content:''; clear:both;}
.product_category_all_list_ul_div li{
	width:33%; 
	/*float:left; */
	text-align:center;
	margin-bottom:80px;
	display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
}
.product_category_all_list_ul_div li a,.product_category_all_list_ul_div li b{font-size:18px; border:1px solid #ff3c47; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; display:inline-block; min-width:135px; margin-bottom:13px; color: #3f5d9a; text-decoration:none; cursor:default;}
.product_category_all_list_ul_div li a:hover{font-size:18px; border:1px solid #ff3c47; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; display:inline-block; min-width:135px; margin-bottom:13px; color: #3f5d9a; text-decoration:none; cursor:default;}
.product_category_all_list_ul_div li div{font-size:18px; border:1px solid #ff3c47; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; display:inline-block; min-width:135px; margin-bottom:13px; color: #3f5d9a;}
.product_category_all_list_ul_div li ul li{ width:100%; margin-bottom:0px; display:block;}
.product_category_all_list_ul_div li ul li a{ display:block; color:#3f5d9a; text-decoration:none; font-size:18px; line-height:25px; border:none; }
.product_category_all_list_ul_div li ul li a:hover{ color:#888d98;  font-size:16px;  border:none; }
.product_category_all_list_ul_div li ul li li a{color:#888d98;  font-size:14px; line-height:18px;}
.product_category_all_list_ul_div li ul li li a:hover{color:#3f5d9a;  font-size:14px;}

.product_list_page_div{ text-align:center; margin-bottom:50px;}
.product_list_page_div a{ text-decoration:none;  color: #6c5b0e;}

.product_detail_div .top_div:after{ display:block; content:''; clear:both;}
.product_detail_div .top_div .left_div{ width:50%; float:left;}
.product_detail_div .top_div .left_div .bxslider li img{ width:600px; height:300px;}
.product_detail_div .top_div .right_div{ width:40%; float:left; margin-left:10%;}
.product_detail_div .top_div .right_div .product_name{ font-size:30px; line-height:40px; color:#6c5b0e; font-weight:800; margin-bottom:15px;}
.product_detail_div .top_div .right_div .product_spec{ font-size:18px; line-height:26px; color:#000000;}
.product_detail_div .top_div .right_div .add_cart_div{ font-size:18px; line-height:26px; color:#000000; margin-top:20px;}
.product_detail_div .top_div .right_div .add_cart_blue{ display:inline-block; float:right; background:url(../images/front/icon_add_cart_blue.png) 0 0 no-repeat; width:155px; height:40px; border:none;}
.product_detail_div .top_div .right_div .add_cart_blue:hover{ background:url(../images/front/icon_add_cart_blue.png) 0 -40px no-repeat;}

/*作品欣賞*/
/*
.profile_category_all_list_ul_div ul{ margin:0; padding:0; list-style:none;}
.profile_category_all_list_ul_div ul:after{ display:block; content:''; clear:both;}
.profile_category_all_list_ul_div li{ width:33.333333%; float:left; text-align:center; margin-bottom:80px;}
.profile_category_all_list_ul_div li a,.profile_category_all_list_ul_div li b{font-size:18px; border:1px solid #ff3c47; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; display:inline-block; min-width:135px; margin-bottom:13px; color: #3f5d9a; text-decoration:none; cursor:default;}
.profile_category_all_list_ul_div li a:hover{font-size:18px; border:1px solid #ff3c47; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; display:inline-block; min-width:135px; margin-bottom:13px; color: #3f5d9a; text-decoration:none; cursor:default;}
*/
.profile_list_div{ border-top:5px #e36a98 solid; padding-top:40px; margin-bottom:40px;}
.profile_list_div:after{ content:''; clear:both; display:block;}
.profile_list_div .align_left_div{ width:110px; float:left; padding:0 55px 0 25px;}
.profile_list_div .align_left_div ul{ margin:0; padding:0; list-style:none;}
.profile_list_div .align_left_div li a{ display:block; border-bottom:6px solid #a5bbe7; text-decoration:none; font-size:20px; color:#3f5d9a; line-height:30px; text-align:center;}
.profile_list_div .align_left_div li{ margin-bottom:10px;}
.profile_list_div .align_left_div li a:hover,.profile_list_div .align_left_div li a:focus{ background: url(../images/front/icon_profile_checked.png) no-repeat left center;}
.profile_list_div .align_right_div{ width:840px; float:left; padding:30px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border:5px solid #f9c7da;}
.profile_list_div .align_right_div ul{ margin:0; padding:0; list-style:none;}
.profile_list_div .align_right_div ul:after{ content:''; clear:both; display:block;}
.profile_list_div .align_right_div ul li{ float:left; width:25%; margin-bottom:20px;}
.profile_list_div .align_right_div ul li:hover{ opacity:0.5;}
.profile_list_div .align_right_div ul li a{ text-decoration:none; display:inline-block; width:100%; height:145px;}
.profile_list_div .align_right_div ul li a img{ max-height:145px; max-width:210px;}
.profile_list_div .align_right_div ul li a:hover{color:#3f5d9a;}
.profile_list_div .align_right_div ul li .info{ margin-top:10px; font-size:14px; line-height:30px; text-decoration:none; color:#ab1b52; padding-left:20px;}

.profile_list_table_div td{ text-align:center; vertical-align:top; color:#3f5d9a; width:33.3333333%; padding-bottom:100px;}
.profile_list_table_div td a{ display:block; color:#3f5d9a; text-decoration:none; font-size:18px; line-height:26px; }
.profile_list_table_div td a:hover{ color:#888d98;  font-size:16px;}
.profile_list_table_div td div{ font-size:18px; border:1px solid #ff3c47; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; display:inline-block; min-width:135px; margin-bottom:13px;}

.profile_sub_title{font-size:20px; border:1px solid #ff3c47; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; display:inline-block; min-width:135px; color:#3f5d9a; text-align:center; margin-bottom:55px; padding:3px 10px;}

.profile_html{ padding:0 85px; margin-bottom:80px; }

.profile_list_ul_div{ padding:0 85px;   }
.profile_list_ul_div ul{ margin:0; padding:0; list-style:none;}
.profile_list_ul_div ul:after{ content:''; clear:both; display:block;}
.profile_list_ul_div ul li{ width:25%; margin-bottom:60px; text-align:center; float:left;}
.profile_img img{ width:209px; height:142px;}
.profile_img img:hover{opacity: 0.4;    filter: alpha(opacity=40); /* For IE8 and earlier */}
.profile_name{ color:#6c5b0e; font-size:18px; font-weight:800; margin:15px 0;}
.profile_price{ color:#000000; font-size:18px; font-weight:800; }
.profile_add_cart a{ background:url(../images/front/icon_add_cart.png) center no-repeat; width:80px; height:30px; display:inline-block; margin:5px 0; }
.page_list_div{ margin-bottom:30px;text-align:center; font-size:16px;}

.profile_category_all_list_ul_div ul{ margin:0; padding:0; list-style:none;}
.profile_category_all_list_ul_div ul:after{ display:block; content:''; clear:both;}
.profile_category_all_list_ul_div li{ width:25%; float:left; text-align:center; margin-bottom:80px;}
.profile_category_all_list_ul_div li b{font-size:18px; border:1px solid #ff3c47; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; display:inline-block; min-width:135px; color: #3f5d9a; text-decoration:none; cursor:default;}
.profile_category_all_list_ul_div li a{ display:block; margin:5px; font-size:18px; text-decoration:none; color:#3f5d9a;} 
.profile_category_all_list_ul_div li a:hover{ margin:5px; background:#f9c7da; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; display:inline-block; min-width:135px; text-decoration:none; cursor:default;}


.profile_list_page_div{ text-align:center; margin-bottom:50px;}
.profile_list_page_div a{ text-decoration:none;  color: #6c5b0e;}

.profile_popup_div span{ display:block; height:100%; position:relative;  display: flex; align-items: center; justify-content: center;}
.profile_popup_div span img{ max-width:100%; max-height:100%;}
.member_list_div{ margin-bottom:40px;}
.member_list_div:after{ content:''; clear:both; display:block;}
.member_list_div .align_left_div{ border-right:2px solid #ae1267; width:110px; padding-right:30px; float:left; min-height:500px; }
.member_list_div .align_left_div ul{ margin:0; padding:0; list-style:none;}
.member_list_div .align_left_div li a{ padding-left:25px; color:#ae1267; font-size:18px; text-decoration:none; line-height:60px;}
.member_list_div .align_left_div li a:hover,.member_list_div .align_left_div li a:focus{ background:url(../images/front/icon_member_checked.png) left center no-repeat;}
.member_list_div .align_right_div{ width:860px; float:left; padding:0 30px 0 60px;}
.member_list_div .align_right_div .title{ color:#821b34; font-size:30px; margin-bottom:50px;}
.member_list_div .align_right_div .input_div div{ padding-left:100px; margin:10px 0;}
.member_list_div .align_right_div .input_div input{ width:250px;}
.member_list_div .align_right_div .input_div  label{ display:inline-block; width:100px;}
.member_list_div .align_right_div .input_div  label.error{color:#f03b45; display:inline; }
.member_list_div .align_right_div .submit_div { padding-left:100px;}
.member_list_div .align_right_div .submit_div input[type="submit"]{ background:#ffe9e8; border:1px solid #999; padding:5px 20px; }
.member_list_div .align_right_div .msg{ text-align:center; color:#f03b45;}

.member_list_div .align_right_div .member_cart_div .title{ color:#38b7ca;}

.member_list_div .align_right_div .cart_title_div{ border:1px solid #f03b45; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; margin-bottom: 20px;}
.member_list_div .align_right_div .cart_title_div td{ color:#9a2b2b; font-size:16px;}
.member_list_div .align_right_div .cart_list_div tr td{ border-top:3px solid #fad3e2; padding:10px 0;}
.member_list_div .align_right_div .cart_list_div td{font-size:16px;}
.member_list_div .align_right_div .cart_list_div tr:first-child td{ border-top:none;}
.member_list_div .align_right_div .cart_total_div{ text-align:right;}
.member_list_div .align_right_div .cart_total_div span{ display:inline-block; color:#FFF; font-size:18px; line-height:30px;padding:35px 60px;  background:#bf225e; text-align:left; -webkit-border-radius: 20px;
-moz-border-radius: 20px; border-radius: 20px;}
.member_list_div .align_right_div .member_cart_div .submit_div{ text-align:right; margin-top:40px;}
.member_list_div .align_right_div .member_cart_div .submit_div input[type="submit"]{ background:#ffe9e8; border:1px solid #999; padding:10px 75px; color:#3d2424; font-size:18px; }
.member_list_div .align_right_div .member_cart_div .submit_div .btn.next{ text-decoration:none; background:#ffe9e8; border:1px solid #999; padding:10px 75px; color:#3d2424; font-size:18px; }



.member_list_div .align_right_div .member_history_div .title{ color:#38b7ca;}
.member_list_div .align_right_div .history_title_div{ border:1px solid #f03b45; -webkit-border-radius: 50%;-moz-border-radius: 20px;border-radius: 20px; margin-bottom: 20px;}
.member_list_div .align_right_div .history_title_div td{ color:#9a2b2b; font-size:16px;}
.member_list_div .align_right_div .history_list_div tr td{ border-top:3px solid #fad3e2; padding:10px 0;}
.member_list_div .align_right_div .history_list_div tr td td{ border-top:none;}
.member_list_div .align_right_div .history_list_div tr td a{ color:#ed7272;}
.member_list_div .align_right_div .history_list_div tr td a:hover{ text-decoration:none;}
.member_list_div .align_right_div .history_list_div td{font-size:16px;}
.member_list_div .align_right_div .history_list_div tr:first-child td{ border-top:none;}

.member_list_div .align_right_div .member_history_div .sub_title{ font-size:20px;}
.member_list_div .align_right_div .history_detail_div{ position:relative; min-height:250px;}
.member_list_div .align_right_div .history_detail_div table tr td{ padding-left:15px;}
.member_list_div .align_right_div .history_detail_div table tr td:first-child{ border-right:4px solid #fad3e2;}

.member_list_div .align_right_div .pay_info_div .title{ color:#8d2d9f;}
.member_list_div .align_right_div .pay_info_div .input_div{ width:600px; margin:0 auto;}
.member_list_div .align_right_div .pay_info_div .input_div  label{ display:inline-block; width:130px;}
.member_list_div .align_right_div .pay_info_div .input_div  label.error{ width:100%;}
.member_list_div .align_right_div .pay_info_div .input_div b{ color:#ad0e20;}
.member_list_div .align_right_div .cart_title_div{ border:1px solid #f03b45; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; margin: 20px 0;}
.member_list_div .align_right_div .history_alert_div{  -webkit-border-radius: 10px;-moz-border-radius:10px;border-radius: 10px; position:absolute;top:0; right:0; color:#920c0c; background:#fad3e2; padding:20px; width:390px;}
.member_list_div .align_right_div .pay_alert_div{ text-align:center; -webkit-border-radius: 10px;-moz-border-radius:10px;border-radius: 10px;  color:#920c0c; background:#fad3e2; padding:20px; width:450px; margin:50px auto 50px auto;}
.member_list_div .align_right_div .pay_info_div .submit_div input[type="submit"]{ text-align:center; font-size:20px; color:#FFF; background:#bf225e; padding:30px 55px; border:none; text-align:right; -webkit-border-radius: 10px;-moz-border-radius:10px;border-radius: 10px;}
.member_list_div .align_right_div .pay_info_div .submit_div input[type="submit"]:hover{ background:#e36a98;}
.member_list_div .align_right_div .submit_div { padding-left:0px;  text-align:center;}


.member_list_div .align_right_div .shipping_info_div .title{ color:#8d2d9f;}
.member_list_div .align_right_div .shipping_info_div .sub_title{color:#8d2d9f;}
.member_list_div .align_right_div .shipping_info_div a{color: #38b7ca;}
.member_list_div .align_right_div .shipping_info_div .link{ margin:10px 0 30px  15px;}
.member_cart_div .cart_list_div td .upload_imgList li .btn_delete{ width:20px; height:20px; position:absolute; display:inline-block; right:-5px; top:-5px; background:#F00; color:#FFF; text-decoration:none; text-align:center;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}



.cart_container{width: 1000px;   margin: 50px auto;   padding:0; }
.cart_container:after{ content:''; clear:both; display:block;}
.cart_container .cart_step_chart_div{ text-align:center; margin-bottom:35px;}
.cart_container .cart_title_div{ border:1px solid #f03b45; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; margin: 20px 0;}
.cart_container .cart_total_div{ text-align:right; font-size:18px; margin-top:50px;}
.cart_container .cart_btn_div{ margin-top:20px;}
.cart_container .cart_btn_div a.btn{ display:inline-block; background:#ffe9e8; border:1px solid #999; padding:15px 60px; text-decoration:none; color:#843535; font-size:18px; border:1px solid #999; line-height: 25px; }
.cart_container .cart_btn_div input[type="submit"]{line-height: 25px; display:inline-block; background:#ffe9e8; border:1px solid #999; padding:15px 60px; text-decoration:none; color:#843535; font-size:18px; border:1px solid #999; margin-top:-1px; }
.cart_container .cart_list_div td a{ text-decoration:none; color:#000;}
.cart_container .cart_list_div td a:hover{ text-decoration:underline;}


.upload_imgList{ margin:20px 0 0 0; padding:0; list-style:none;}
.upload_imgList:after{ content:''; clear:both; display:block;}
.upload_imgList li{ float:left; width:220px; height:220px; border:1px solid #dfdfdf; padding:2px; margin-right:10px; margin-bottom:10px; display:block; position:relative; }
.upload_imgList li img{ width:220px; border:0px; max-height:220px;}
.upload_imgList li img:hover{opacity:0.5; filter:alpha(opacity=50); /* For IE8 and earlier */}
.cart_container .cart_list_div td .upload_imgList li .btn_delete{ width:20px; height:20px; position:absolute; display:inline-block; right:-5px; top:-5px; background:#F00; color:#FFF; text-decoration:none; text-align:center;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
.cart_container .cart_list_div td .btn_upload{}
.cart_container .cart_list_div td .btn_upload .red{color:#F00;}

.agree_div{ color:#843535; font-size:20px; width:500px; padding:15px; border:3px solid #fcd3e2; border-radius:15px; margin:0 auto; }

.success_info_div{ display:none; width:400px;}
.error{ color:#ff0000;}
.orange{ color:#F30;}
#div_upload{ 
background:#fbf8f8; 
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border:1px dashed #dfdfdf;
}
.finish_mssage{ float:right;}
.finish_mssage:after{ content:''; clear:both; display:block;}

.footer_container{height:155px; background:url(../images/front/pink_bg.png);}



.flip_close_div{ position:absolute; top:10px; right:10px;}
.flip_close_div a{ float:right; display:block; width:40px; font-size:30px; line-height:40px; height:40px; background:#CCC; -webkit-border-radius: 50%; -moz-border-radius: 50%;border-radius: 50%; text-align:center; color:#333; text-decoration:none;}
.flip_close_div a:hover{ color:#FFF; background:#333;}
.flipbook-viewport{
	overflow:hidden;
	width:100%;
	height:100%;
}

.flipbook-viewport .container{
	position:absolute;
	top:50%;
	left:50%;
	margin:auto;
}

.flipbook-viewport .flipbook{
	width:922px;
	height:600px;
	left:-461px;
	top:-300px;
}

.flipbook-viewport .page{
	width:461px;
	height:600px;
	background-color:white;
	background-repeat:no-repeat;
	background-size:100% 100%;
}

.flipbook .page{
	-webkit-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-ms-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-o-box-shadow:0 0 20px rgba(0,0,0,0.2);
	box-shadow:0 0 20px rgba(0,0,0,0.2);
}

.flipbook-viewport .page img{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin:0;
}

.flipbook-viewport .shadow{
	-webkit-transition: -webkit-box-shadow 0.5s;
	-moz-transition: -moz-box-shadow 0.5s;
	-o-transition: -webkit-box-shadow 0.5s;
	-ms-transition: -ms-box-shadow 0.5s;

	-webkit-box-shadow:0 0 20px #ccc;
	-moz-box-shadow:0 0 20px #ccc;
	-o-box-shadow:0 0 20px #ccc;
	-ms-box-shadow:0 0 20px #ccc;
	box-shadow:0 0 20px #ccc;
}

.bxslider li img{ width:930px; height:290px;}
ul.bxslider{ margin:0;}
.bx-wrapper .bx-controls-direction a { z-index:999;}
.forgot_div{ width:950px; margin:50px auto; padding:75px; border:5px solid #e3b2d0; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;  text-align:center;}
.forgot_div .title{ letter-spacing:10px; color:#e61a68; font-size:30px; line-height:40px;  text-align:center;}
.forgot_div .title span{ background:url(../images/front/icon_red_dot01.png) left center no-repeat; padding-left:30px;}
.forgot_div .info{ font-size:18px; line-height:28px; color:#292024; text-align:center;}
.forgot_div .info span{ color:#fc1919;}
.forgot_div .input_div{ color:#666;font-size:14px; margin:45px 0;}
.forgot_div .alert_div{ color:#fb7c1f; font-size:14px;}
.forgot_div .submit_div{ margin-top:10px;}
.forgot_div .submit_div input[type="submit"] { border:none; font-size:18px; color:#a9184f; background:#ff9cc2; padding:5px 20px;}
.forgot_div label.error{  color: #de3232; }
.forgot_div .msg{ font-size: 20px; color: #00baff; text-align:center;}

.corp_div{ width:740px; margin:50px auto; padding:20px 180px 50px 180px; border:5px solid #86ceed;}
.corp_div .title{ text-align:center; margin-bottom:30px;}
.corp_div .title span{ letter-spacing:10px; background:#7ecdef; color: #FFF; font-size:36px; padding:8px 100px; }
.corp_div .info{ color:#7ecdef; font-size:25x; line-height:35px; }
.corp_div .input_div div{ margin:5px 0;}
.corp_div .input_div input{ width:620px; border:2px solid #7ecdef;}
.corp_div .input_div input.error{ width:620px; border:2px solid #ff0000;}
.corp_div .input_div input.textarea{width:620px; border:2px solid #7ecdef; height:100px; margin-left:0px;}
.corp_div .input_div textarea{width:615px; border:2px solid #7ecdef; height:300px; margin-left:-3px;}
.corp_div .input_div label{ width:115px; color:#7ecdef; font-size:25x; line-height:35px; display:inline-block;}
.corp_div .submit_div{color:#7ecdef; font-size:25x; line-height:35px;}
.corp_div .submit_div input[type="submit"]{ background:#7ecdef; color:#fff;  padding:5px 30px; border:none; float:right;}
.corp_div .submit_div input[type="submit"]:hover{ background:#2a9ccd}


.contact_us_div{ width:740px; margin:50px auto; padding:20px 180px 50px 180px; border:5px solid #86ceed;}
.contact_us_div .title{ text-align:center; margin-bottom:30px;}
.contact_us_div .title span{ letter-spacing:10px; background:#7ecdef; color: #FFF; font-size:36px; padding:8px 100px; }
.contact_us_div .info{ color:#7ecdef; font-size:25x; line-height:35px; }
.contact_us_div .input_div div{ margin:5px 0;}
.contact_us_div .input_div input{ width:620px; border:2px solid #7ecdef;}
.contact_us_div .input_div input.error{ width:620px; border:2px solid #ff0000;}
.contact_us_div .input_div select{ width:623px; border:2px solid #7ecdef; margin-left:-3px;}
.contact_us_div .input_div input.textarea{width:620px; border:2px solid #7ecdef; height:100px; margin-left:0px;}
.contact_us_div .input_div textarea{width:615px; border:2px solid #7ecdef; height:350px; /*margin-left:-3px;*/}
.contact_us_div .input_div label{ width:115px; color:#7ecdef; font-size:25x; line-height:35px; display:inline-block;}
.contact_us_div .submit_div{color:#7ecdef; font-size:25x; line-height:35px;}
.contact_us_div .submit_div input[type="submit"]{ background:#7ecdef; color:#fff;  padding:5px 30px; border:none; float:right;}
.contact_us_div .submit_div input[type="submit"]:hover{ background:#2a9ccd}




.rule_div{width:1000px; margin:50px auto; padding:20px 50px 50px 50px; border:5px solid #86ceed;}
.rule_div .title{ text-align:center; margin-bottom:30px;}
.rule_div .title span{ letter-spacing:10px; background:#7ecdef; color: #FFF; font-size:36px; padding:8px 100px; }
.rule_div .detail{ background:#7ecdef; color:#FFF; font-size:20px; line-height:30px; padding:30px;}
.rule_div .detail span{ font-size:24px;}
.rule_div .detail b{ color:#e67a90; display:block; font-weight:800;}


.had_know_div{width:1000px; margin:50px auto; padding:20px 50px 50px 50px; border:5px solid #86ceed;}
.had_know_div .title{ text-align:center; margin-bottom:30px;}
.had_know_div .title span{ letter-spacing:10px; background:#7ecdef; color: #FFF; font-size:36px; padding:8px 100px; }
.had_know_div .detail{ color:#2c98c7; font-size:24px; line-height:34px;}
.had_know_div .detail b{ color:#0b79a8; font-size:30px; font-weight:800;}

.about_us_div{width:1000px; margin:50px auto; padding:20px 50px 50px 50px; border:5px solid #86ceed;}
.about_us_div .title{ text-align:center; margin-bottom:30px;}
.about_us_div .title span{ letter-spacing:10px; background:#7ecdef; color: #FFF; font-size:36px; padding:8px 100px; }
.about_us_div .detail{ color:#0296a9; font-size:25px; line-height:35px;}
.about_us_div .detail .logo_div{ text-align:center; margin:95px 0 130px 0;}
.about_us_div .detail .big{ font-size:48px; font-weight:800;}

.faq_div{width:1000px; margin:50px auto; padding:20px 50px 50px 50px; border:5px solid #ff9cc2;}
.faq_div .title{ text-align:center; margin-bottom:30px;}
.faq_div .title span{ letter-spacing:10px; background:#ff9cc2; color: #FFF; font-size:36px; padding:8px 100px; }
.faq_div .detail{ color:#0296a9; font-size:25px; line-height:35px;}

.order_step_div{width:1000px; margin:50px auto; padding:20px 50px 50px 50px; border:5px solid #ff9cc2;}
.order_step_div .title{ text-align:center; margin-bottom:30px;}
.order_step_div .title span{ letter-spacing:10px; background:#ff9cc2; color: #FFF; font-size:36px; padding:8px 100px; }
.order_step_div .detail{ color:#c62b66; font-size:25px; line-height:35px;}
.order_step_div .detail b{ font-size:30px; font-weight:800;}


.onsale_div{width:1000px; margin:50px auto; padding:20px 50px 50px 50px; border:5px solid #ff9cc2;}
.onsale_div .title{ text-align:center; margin-bottom:30px;}
.onsale_div .title span{ letter-spacing:10px; background:#ff9cc2; color: #FFF; font-size:36px; padding:8px 100px; }
.onsale_div .detail{ color:#000; font-size:30px; line-height:40px;}
.onsale_div .detail img{ border:none;}
.onsale_div .detail img:hover{ opacity:0.5;}
.onsale_div .page{ text-align:center; margin-top:20px;}
.onsale_div .page a{ font-size:20px;color:#000; text-decoration:none; padding:0 10px;}
.onsale_div .page a:hover{color:#c62b66; }

.login_div{ width:950px; margin:50px auto; padding:75px; border:5px solid #e3b2d0; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;  text-align:center;}
.login_div .title{ letter-spacing:10px; color:#e61a68; font-size:30px; line-height:40px;  text-align:center;}
.login_div .title span{ background:url(../images/front/icon_red_dot01.png) left center no-repeat; padding-left:30px;}
.login_div .info{ font-size:18px; line-height:28px; color:#292024; text-align:center;}
.login_div .info span{ color:#fc1919;}
.login_div .input_div{ color:#000;font-size:20px; margin:45px 0 15px 0; line-height:30px;}
.login_div .input_div div:first-child{ margin-bottom:80px;}
.login_div .input_div input{ width:235px; margin-left:10px; height:20px; border:1px solid #000;}
.login_div .submit_div{ margin-top:10px; text-align:center;}
.login_div .submit_div input[type="submit"] { border:none; font-size:18px; color:#a9184f; background:#ff9cc2; padding:3px 20px 1px 20px; line-height:34px;}
.login_div .submit_div .submit { text-decoration:none; display:inline-block; border:none; font-size:18px; color:#a9184f; background:#ff9cc2; padding:3px 20px 1px 20px; line-height:34px;}
.btn_facebook_login{ line-height:30px; display:inline-block; border:none; font-size:18px; color:#FFF; text-decoration:none; background:url(../images/front/icon_facebook_blue.png)  7px center no-repeat #6888ba; padding:4px 10px 4px 27px;}
.login_div .forgot{ text-align:right; padding-right:330px; margin-bottom:90px;}
.login_div .forgot a{ color:#f78456; font-size:18px; text-decoration:none;}
.login_div .forgot a:hover{ color:#f9b397;}
.login_div .join_member{ text-align:center; margin-top:10px;}
.login_div .join_member a{ font-size:18px;  color:#fe386b;}
.login_div .msg{ font-size: 20px; color: #00baff; text-align:center;}
.login_div label.error{ font-size: 14px; color: #de3232;display: block; }
.join_member_div{ width:950px; margin:50px auto; padding:75px; border:5px solid #e3b2d0; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;  text-align:center;}
.join_member_div .title{ letter-spacing:10px; color:#e61a68; font-size:30px; line-height:40px;  text-align:center;}
.join_member_div .title span{ background:url(../images/front/icon_red_dot01.png) left center no-repeat; padding-left:30px;}
.join_member_div .info{ font-size:18px; line-height:28px; color:#292024; text-align:center;}
.join_member_div .info span{ color:#fc1919;}
.join_member_div .input_div div{ color:#000;font-size:20px; margin:30px 0 ; line-height:30px; text-align:left; margin-left:250px;}
.join_member_div .input_div div div{ margin:0;}
.join_member_div .input_div label{ width:70px; display:inline-block;}
.join_member_div label.error{ display:block;  font-size: 14px; color: #de3232; width:100%;padding-left: 80px;}
.join_member_div .input_div input{ width:370px; margin-left:10px; height:20px; border:1px solid #000;}
.join_member_div .input_div div .remind{ font-size:17px; color:#292024; padding-left:80px; margin:0;}
.join_member_div .input_div div .alert{ font-size:14px; color:#de3232; margin:0;}
.join_member_div .submit_div{ margin-top:10px; text-align:center;}
.join_member_div .submit_div input[type="submit"] { border:none; font-size:18px; color:#a9184f; background:#ff9cc2; padding:5px 20px;}
.join_member_div .agree{ font-size:16px; margin:30px 0;}
.join_member_div .agree a{ color:#f23131;}
.join_member_div .agree label.error{ display:inline; padding-left: 0px;}
.join_member_div .msg{ font-size: 20px; color: #00baff; text-align:center;}

.password_error_div{ width:950px; margin:50px auto; padding:75px; border:5px solid #e3b2d0; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;  text-align:center;}
.password_error_div .title{ letter-spacing:10px; color:#e61a68; font-size:30px; line-height:40px;  text-align:center;}
.password_error_div .title span{ background:url(../images/front/icon_red_dot01.png) left center no-repeat; padding-left:30px;}
.password_error_div .info{ font-size:20px; line-height:30px; color:#000; text-align:center; font-weight:800; margin:50px 0;}
.password_error_div .submit_div{ margin-top:10px; text-align:center;}
.password_error_div .submit_div a{ text-decoration:none; font-size:18px; color:#a9184f; background:#ff9cc2; padding:5px 20px;}


.abgne_tab {
	clear: left;
	width: 1005;	
}
.abgne_tab ul{ margin:0; padding:0;}
.abgne_tab ul.tabs {
	width: 100%;
	height: 32px;	
}
.abgne_tab ul.tabs li {
	float: left;
	width:20%;
	height: 43px;
	line-height: 43px;
	overflow: hidden;
	position: relative;		
	text-align:center;
	margin-bottom:20px;
}
.abgne_tab ul.tabs li a {
	display: block;
	margin: 0 10px;
	color: #fff;	
	text-decoration: none;
	font-size:25px;	
	background:#ff9cc2;
}
.abgne_tab ul.tabs li a:hover {
	background: #e95b92;
	
}
.abgne_tab ul.tabs li.active a{
	background: #e95b92;	
}
.abgne_tab ul.tabs li.active a:hover {
	background: #e95b92;	
}
.abgne_tab div.tab_container {
	clear: left;
	width: 100%;	
}
div.tab_container .tab_content {
	padding: 20px;
}
div.tab_container .tab_content table{ margin-bottom:45px;}
div.tab_container .tab_content table td{ font-size:25px; line-height:35px;}
div.tab_container .tab_content table tr:first-child td{ /*color:#c62b66;*/}
div.tab_container .tab_content table tr:last-child td{ /*color:#000;*/}
div.tab_container .tab_content table tr.question td{color:#c62b66; font-weight:800;}
div.tab_container .tab_content table tr.answer td{color:#000; font-size:16px; line-height:26px; padding-bottom:20px;}
div.tab_container .tab_content table tr.answer td:first-child{ padding-left:5px;}
.hide{ display:none;}

.footer_div{ color:#59193a; font-size:16px; text-align:left; margin:0 auto; width:1100px; padding:35px 0 0 0;}
.footer_div a{color:#59193a; text-decoration:none;}
.footer_div a:hover{ color:#685c63;}



/*** ESSENTIAL STYLES ***/
#sf-menu{ width:initial;}
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu li {
	position: relative;
	
}
.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
}
.sf-menu > li {
	float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}

.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu ul ul {
	top: 0;
	left: 100%;
}

/*** DEMO SKIN ***/
.sf-menu {
	float: left;	
	list-style:none;
}
.sf-menu li{ float:left;}
.sf-menu ul { background:#e7e7e7;}
.sf-menu a {	
	padding: 5px 5px;
	text-decoration: none;
	zoom: 1; /* IE7 */
	color: #59193a;
	/*text-align:center;	*/
}
.sf-menu a:hover{ color:#8b7c84;}
.sf-menu li:first-child a{}
.sf-menu ul a{ display:block;  }
.sf-menu ul a{ color:#59193a;}
.sf-menu ul .sfHover a{ color:#8b7c84;}
.sf-menu ul .sfHover  ul a{ color:#8b7c84;}
.sf-menu ul .sfHover  ul a:hover{ color:#8b7c84;}
.sf-menu ul a:hover{ color:#8b7c84;}
.sf-menu li {	
	white-space: nowrap; /* no need for Supersubs plugin */
	*white-space: normal; /* ...unless you support IE7 (let it wrap) */
	-webkit-transition: background .2s;
	transition: background .2s;
}
.sf-menu ul li {
	/*background: #ff5700;	*/
	display:block; width:100%;
}
.sf-menu ul ul li {
	/*background: #ff5700;*/
}
.sf-menu li:hover,
.sf-menu li.sfHover {
	/*background: #fff;*/
	/* only transition out, not in */
	-webkit-transition: none;
	transition: none;
}

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {

}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 1em;
	margin-top: -3px;
	height: 0;
	width: 0;
	/* order of following 3 rules important for fallbacks to work */
	border: 5px solid transparent;
	border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-top-color: rgba(255,255,255,.5);
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
	border-top-color: white; /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
	margin-top: -5px;
	margin-right: -3px;
	border-color: transparent;
	border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-left-color: rgba(255,255,255,.5);
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
	border-left-color: white;
}