*{padding:0;margin:0;}*,*::before,*::after{box-sizing:inherit;}
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body{color:#333;font-family:Open Sans,Arial,Helvetica,sans-serif,SimSun;font-size:14px;background-color:#FFF;line-height:24px;}
ul{padding:0;margin:0;}li{list-style:none;}
a{color:#333;text-decoration:none;background-color:transparent;}a:hover{text-decoration:underline;cursor:pointer;}
img{border:0;max-width:100%;overflow:hidden;max-height:100%;display:block;}
.button{display:inline-block;border-radius:5px;border:none;font-family:adventpro_regular,sans-serif;background-color:#4FC6C6;font-size:16px;color:#FFF;font-weight:bold;height:34px;line-height:34px;padding:0 10px;width:auto;}
.button:hover{background-color:#333;border-color:#333;color:#FFF;text-decoration:none;cursor:pointer;}
.resp,.hidden{display:none;}
#alert{display:none;border-radius:3px;padding-left:20px;background-color:#FF0;margin-bottom:15px;color:#FF0000;line-height:30px;}
.select{padding:3px;border:1px solid #ccc;border-radius:3px;width:244px;height:24px;}
.textarea{padding:10px;border:1px solid #ccc;border-radius:3px;width:90%;}
.wrapper{width:1200px;margin:0 auto;}
/***************************** Header *****************************/
#toper{width:100%;height:30px;text-align:center;line-height:30px;background-color:#FFF;color:#1d1d1d;font-size:14px;border-bottom: 1px solid #1d1d1d;}
#toper a{color:#1d1d1d;}
#toper i{font-size:20px;vertical-align: middle;}
#header{width:100%;height:100px;margin:0 auto;background-color:#FFF;}
#resp_nav,#resp_cart{display:none;}
#site_logo{float:left;padding:10px 0;margin-top:28px;}
#site_logo img{height:42px;}
#searchbar{float:left;margin:28px 0 0 80px;}
#searchbar input{float:left;}
#searchbar .search_key{border:1px solid #cbcbcb;border-radius:3px 0 0 3px;font-family:arial;height:34px;line-height:16px;padding:0 10px 0 15px;width:285px;}
#searchbar .button{background:url("../images/header-sprite.png") no-repeat scroll -591px 6px #1d1d1d;border-radius: 0 3px 3px 0;border: 0 none;height:36px;width:40px;padding:0;text-indent:-9999px;}
#header_currency{float:right;margin:35px 0 0 50px;position:relative;color:#1d1d1d;}
#currency{font-size:20px;line-height:20px;cursor:pointer;}
.currency_list{display:none;position:absolute;top:30px;left:0;width:120px;border-radius: 0 0 5px 5px;padding:0 0 10px 0;box-shadow: 0px 0px 5px #999;background-color:#FFF;z-index: 99999;}
.currency_list li{float:none;display:list-item;text-align:center;margin:5px 0;}
.currency_list li a{line-height:24px;font-size:16px;}
#currency .fa-sort-desc{float:right;margin:-3px 0 0 5px;}
#currency .fa-sort-asc{float:right;margin:4px 0 0 5px;}
#header_cart{float:right;margin:28px 0 0 50px;width:80px;height:36px;}
#header_cart i{float:left;color:#1d1d1d;}
#header_cart_num,#header_cart_text{float:right;width:40px;text-align:center;display:block;line-height:18px;color:#1d1d1d;}
#header_cart_num{background-color:#1d1d1d;border-radius:8px;font-weight:700;color:#FFF;}
#header_cart_text{font-size:14px;}
#header_cart a:hover i{color:#1d1d1d;}
#header_account{float:right;margin:28px 0 0 50px;width:160px;height:36px;}
#header_account i{float:left;margin-right:12px;color:#1d1d1d;}
#header_account a{margin-right:8px;font-size:14px;color:#1d1d1d;}
#header_account a:hover{color:#1d1d1d; text-decoration:none;}
#header_account:hover i{color:#1d1d1d;}
/***************************** Menu *****************************/
.openmenu{position:fixed;overflow:scroll;overflow-x:hidden;}
.overlay{position:fixed;z-index:99;background-color:rgba(0,0,0,0.5);bottom:0;right: 0;left: 0;}
.openmenu .overlay{top: 0;}
#nav_collapse{float:left;width:100%;height:42px;background-color:#FFF;box-shadow: -1px 3px 3px 0 #cecece;margin-bottom:6px;}
.nav_ul{width:1200px;margin:0 auto;z-index: 9999;}
.nav_li{float:left;padding:0 25px;cursor:pointer;position:relative;}
.nav_li_a{height:42px;line-height:42px;float:left;color:#1d1d1d;font-weight:bold;cursor:pointer;text-transform:uppercase;}
.nav_li i{float:left;padding:12px 0 0 6px;color:#1d1d1d;cursor:pointer;}
.nav_li:hover .fa,.nav_li:hover .nav_li_a{color:#333;text-decoration:none}
.nav_categoty{background-color:#FFF;display:none;position:absolute;top:42px;left:0;box-shadow: 0px 0px 5px #999;width:200px;z-index:101;padding-bottom:5px;}
.nav_categoty li{float:left;display:block;width:100%;}
.nav_categoty li a{display:block;font-size:14px;height:28px;line-height:28px;padding:5px 0 0 10px;}
.nav_categoty li a:hover{text-decoration:none;color:#1d1d1d;}
#nav_collapse .nav_li:hover .nav_categoty{display:block}

/***************************** Index *****************************/
#slider{width:1200px;max-width:100%;height:auto;display:block;z-index:1;margin:0 auto;}
.slidershow{width:100%;}

.group{padding:20px 0;background-color:#f5f5f5;}
.group_item{margin:5px 0;width:25%;display:inline-block;text-align:center;}
.group_item a img{width:40px;margin:0 auto;}

.index_box{float:left;width:100%;overflow:hidden;}
.index_box .title{border-bottom: 1px solid #eee;border-top: 1px solid #eee;text-transform:uppercase;line-height:42px;font-size:20px;font-weight:500;}
.product{float:left;width:24.5%;min-height:380px;display:block;margin:0 5px 5px 0;background-color:#FAFAFA;border-radius:5px;}
.product_img{padding:15px 0;margin:0 10px 10px 10px;border-bottom:1px solid #E8E8E8;text-align:center;}
.product:hover .product_img{border-bottom:1px solid #333;}
.product_img img{max-height:250px;margin:0 auto;}
.product_name{line-height:18px;margin:0 10px;max-height:36px;overflow:hidden;text-align:center;}
.product_name a{font-size:14px; color:#000;}
.product_name a:hover{text-decoration: none;}
.product_price{font-size:16px;text-align:center;color:#333;line-height:36px;font-weight:700;}
.product_price del{margin-left:10px;font-size:14px;color:#bbb;}
/***************************** Footer *****************************/
#footer_info{background-color:#000;width:100%;float:left;height:100px;color:#ddd;font-size:13px;padding:0;}
#footer_info .info{float:left;width:20%;margin:20px 0;}
#footer_info .info i{font-size:36px;float:left;margin:10px 10px 0 0;height:40px;display:block;color:#a8acaf;}
#footer_info .info .info_txt{padding:0 10px 0 50px;}
#footer_info .info span{text-align:left;font-weight:700;}
#footer_info .info p{text-align:left;}#footer_info .info p a{color:#ddd;}
#footer{background-color:#191b1d;width:100%;height:192px;float:left;color:#FFF;overflow:hidden;}
.nav_box{width:24.5%;float:left;padding:15px 0;max-height:192px;overflow:hidden;}
.nav_box span{width:100%;text-transform:uppercase;font-size:16px;color:#a8acaf;font-weight:bold;line-height:36px;display:block;}
.nav_box ul li{line-height:24px;}
.nav_box ul li a{font-size:14px;color:#FFF;}
.nav_box i{font-size:30px;margin-right:10px;color:#FFF;}
#copyright{width:100%;float:left;background-color:#000;color:#ddd;text-align:center;font-size:12px;line-height:36px;overflow:hidden;}
#copyright a{color:#ddd;}
.backToTop{display:none;width:28px;border-radius:6px;line-height:1.2;padding:5px;background-color:#000;color:#fff;font-size:12px;text-align:center;position:fixed;_position:absolute;right:10px;bottom:100px; _bottom: "auto";cursor: pointer;opacity:0.6;filter: Alpha(opacity=60);}

/***************************** Category *****************************/
.breadcrumbs{width:100%;float:left;height:40px;line-height:40px;color:#666;font-size:13px;overflow:hidden;}
.breadcrumbs a{line-height:40px;color:#888;font-size:13px;}

#category,#contact_us{padding-bottom:10px;width:100%;float:left;}
.title{min-height:36px;color:#333;line-height:36px;font-size:20px;font-weight:700;margin-bottom:10px;text-align:center;}
.category_desc{background-color:#FFF;padding:20px;border-radius:10px;display:block;filter:alpha(opacity:70);opacity:0.7;-moz-opacity:0.7;-khtml-opacity: 0.7}

#contact_us{text-align:center;}
#contact_us .content{margin:0 auto;width:800px;}
#contact_us .button{float:right;margin-right:110px;}

/***************************** Product *****************************/
#product_breadcrumbs,#product{background-color:#FFF;width:100%;float:left;}
#product .wrapper{padding-bottom:20px;}
#product_image{float:left;width:48%;}
#product_contact{font-size:14px;line-height: 24px;}
#product_detial{float:right;width:50%;}
#product_similar{width:100%;margin-top:20px;padding-bottom:10px;}
#product_similar h3{font-size:16px;text-transform:uppercase;margin:5px 0 10px 0;padding:0 0 10px 10px;border-bottom: 1px dashed #ccc;}
.pro{display:block;padding:10px;border-bottom:1px dashed #ccc;}
#product_similar .product{width:45%;}
#product_name{color:#333;text-overflow:ellipsis;font-size:26px;line-height:32px;font-weight:500;border-bottom:1px dashed #ccc; padding:5px 0 10px 5px;}
#product_review{padding:10px 0 0 10px;}
#product_review img{display: inline-block; vertical-align: middle;}
#product_review a{color:#315c99; display: inline-block;vertical-align: middle; margin-left:5px; }
#product_price{font-size:22px;color:#1d1d1d;font-weight:700;padding:10px;}
#product_price del{color:#bbb;margin-left:15px;font-size:14px;}

.product_attribute{padding-left:10px;margin-bottom:10px;}
.product_attribute ul li{float:left;width:150px;padding:5px;margin:0 8px 8px 0;cursor:pointer;border:2px solid #ddd;}
.product_attribute ul .active{border:2px solid #1d1d1d;}

.option_name{margin-bottom:10px;}
.option_link{padding-left:10px;}
.option_link li{border: 1px solid #ddd;padding:5px 15px;display: block;float: left;margin:10px 10px 10px 0;cursor: pointer;}
.option_link li:hover{border: 1px solid #FF0099;}
.option_link li:hover a,.option_link li a:hover{text-decoration:none;color:#FF0099;}
.option_link .active{border: 1px solid #FF0099;}
.option_link .active a{color:#FF0099;}

#production_time{margin:0 0 0 10px;line-height:24px;}
#AddToCart{padding-top: 15px;}
#product_quantity{float:left;margin-right:20px;vertical-align:middle;}
#pro_submit{float:left;vertical-align:middle;padding: 0 24px;}
#AddToCart span{color:#333;margin-right:10px;font-size:16px;font-weight:700;}
.add,.min{cursor:pointer;display:inline-block;height:32px;line-height:32px;text-align:center;width:30px;border:1px solid #7f9db9;}
.min{border-right:none;}.add{border-left:none;}
.add:hover,.min:hover{text-decoration:none;font-weight:bold;}
.qty{-webkit-appearance:none;border:1px solid #7f9db9;display:inline-block;vertical-align:top;font-size:13px;font-weight:bold;height:32px;line-height:32px;width:48px;text-align:center;}
.payment_product{margin-top:10px;}

#product .tabs_nav{float:right;width:50%;border:none;background:none;margin-top: 10px;}
#product .tabs_nav li{width:100%;height:36px;}
#product .tabs_nav li:first-child{border-left:1px solid #DDDDDD;}
#product .tabs_nav .active{background-color:#FF0099;color:#FFF;font-weight:bold;}
#product .tabs_box{width:auto;max-width:100%;display:none;padding:20px;overflow:hidden;border:none;}

.table-data-sheet{border-bottom: 1px solid #d4d4d4;width: 100%;margin: 0 0 20px;background: #fff;}
.uk-table {border-collapse: collapse;border-spacing: 0;width: 100%;margin-bottom: 15px;}
.uk-table-striped tbody tr:nth-of-type(odd) {background: #f5f5f5;}
.table-data-sheet tr {border-top: 1px solid #d4d4d4;}
.table-data-sheet tr td:first-child{border-right: 1px solid #d4d4d4;width: 30%;font-weight: 700;color: #333;}
.table-data-sheet tr td{padding: 10px 20px 11px;}
.uk-table td {vertical-align: top;}
.uk-table th, .uk-table td {padding: 10px 10px;border-bottom: 1px solid #e5e5e5;}

#product_description p{font-size: 14px; margin:0 0 5px 0;line-height:24px;}
.product_table{width:100%;border-collapse:collapse;}
.product_table_tr .product_table_td{border: 1px solid pink;color: #333;padding: 5px;}
#tabs_reviews{line-height:24px;}
.rating_stars{margin-right: 15px;}
#tabs_reviews .title{background:none;text-align:left;font-size:20px;font-weight:700;padding:0 0 10px 0;}
.reviews_item{width:100%;margin-bottom:10px;border-bottom:1px solid #ddd;padding-bottom: 10px;}
.author,.reviews_content{font-size:14px;}
.reviews_content img{height:90px;overflow: hidden;}
/***************************** Modal *****************************/
.modal{float:right;font-weight:normal;}
.modal_bg{display:none;opacity: 1;position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;-webkit-overflow-scrolling: touch;
    background: rgba(0,0,0,0.6);-webkit-transition: opacity 0.15s linear;transition: opacity 0.15s linear;touch-action: cross-slide-y pinch-zoom double-tap-zoom;
    -webkit-transform: translateZ(0);transform: translateZ(0);vertical-align: baseline;overflow-y:scroll;}
.modal_bg h3{font-size:20px;font-weight:normal;line-height:36px;}
.modal_bg h4{font-size:16px;font-weight:normal;line-height:36px;}
.modal_content{position:relative;box-sizing:border-box;margin:150px auto 0 auto;padding:20px;width:800px;max-width:calc(100% - 20px);background:#fff;-webkit-transform:translateY(-100px);transform: translateY(-100px);-webkit-transition: opacity 0.3s linear,-webkit-transform 0.3s ease-out;transition: opacity 0.3s linear,transform 0.3s ease-out;}
.modal_content img{vertical-align:middle;}
.modal_content .fa-close{float:right}
.table_box{width:48%;float:left;padding:15px;}
.text-center{text-align:center;}
#attributes_cap_construction li{width:48%;float:left;padding:0 10px;display:block;}
#attributes_cap_construction p{font-size:14px;line-height:24px;}
/***************************** Page *****************************/
.sort,.page{height:38px;line-height:38px;border-radius:5px;margin:10px auto;background-color:#f8f8f8;border:1px solid #e9e9e9;padding:0 5px;display:block;}
.sort span{display:inline-block; margin-left:10px;}
.sort_list{border-radius: 3px;display:inline-block;}
.sort_list li{display: inline-block; border-right:1px solid #ddd;padding:0 10px; }
.sort_list .selected a{color:#FF9E00;font-weight:bold;}
.sort_list .border_none{border-right:none;}
.page_list{float:left;margin-left:5px;}
.page_list a,.page_list span{line-height:20px;display:inline-block;margin:0 3px;background: rgba(0, 0, 0, 0) linear-gradient(#fff, #f6f6f6) repeat scroll 0 0;border: 1px solid #d3d3d4; padding:0 5px;}
.page_list a{color:#06c;}
.page_list a:hover{border-color:#666;text-decoration: none}
.page_list a:visited{border: 1px solid #BCC7C3;}
.page_list span{color:#666;cursor: pointer;}
.page_list .curr{font-weight:bold;border:none;color:#333;padding:0;}
.page_goto{float:right; margin-right:10px;}

/***************************** Login *****************************/
#login,#register,#page_not_found{padding:50px 0;font-family: "Raleway",sans-serif;float:left;width:100%;}
#page_not_found p{text-align:center;}
#login .login_box,#register .register_box{width:600px; margin:0 auto; padding:30px;background-color:#F5F5F5;border:1px solid #E9E9E9;border-radius:10px;}
#login h1,#register h1{text-align:center;color:#4FC6C6;text-transform:uppercase;font-weight:500;}

#login .form_group .alink{float:right;line-height:32px;}
#login .form_group .alink a{color:#2199e8;}

/***************************** Register *****************************/
#register #inputFirstName,#register #inputLastName{width:180px; margin-right:5px;}
#register .checkbox{margin:0 0 0 5px;color:#777; width:auto;}
#register .checkbox a{color:#36BCE2;}
#register #agreement{ width:100%;margin:0 auto;text-align:center;}
#register #reg_submit{ margin-left:22.5%;}
#agree{vertical-align:middle;}

/***************************** Shopping Cart *****************************/
#shopping_cart{margin:0 0 30px 0;float:left;width:100%;}
#empty{min-height: 300px;}
.item{margin-bottom:10px;border:1px solid #ddd;height:auto;display:block;border-radius:5px;background-color:#FFF;}
.item_quantity{border-bottom:1px dashed #ddd; text-align:right; padding:0 10px;height:45px;}
.item_quantity .item-id{ float:left; font-size:20px; line-height:34px; color:#333;margin-top:5px;}
.item_quantity a,.item_quantity input{ display:inline-block; float:none;margin-top:5px;}
.item_quantity input{border: 1px solid #7f9db9; width:50px; text-align:center;}
.item_image{float:left;width:20%;margin:10px;}
.item_image img{max-height:150px;border:1px solid #ddd;}
.item_name,.item_attr{float:left;width:68%;}
.item_name{margin:20px 0 5px 10px;}
.item_name a{font-size:16px;}
.item_price{float:right;font-size:24px;color:#F60;margin:20px 20px 20px 0;}
.item_price small{ font-size:16px; color:#888;}
.item_remove{margin:20px 0 0 0;}
.item_remove img{ width:30px;}
#total{text-align:right;margin: 0 20px 0 0; font-size:24px;color:#F60;line-height:40px;}

/***************************** Check Out *****************************/
#checkout{padding-bottom:20px;float:left;width:100%;}
#shipping_address{float:left;width:45%;}
.tabs_nav{ width:99%; height:36px; margin-bottom:10px; border:1px solid #DDDDDD;background-color:#F5F5F5;}
.tabs_nav li{width:33.3%;float:left;text-align:center;line-height:36px;font-size:12px; cursor:pointer;}
.tabs_nav .center{width:32.8%;border-left:1px solid #DDDDDD;border-right:1px solid #DDDDDD;}
#shipping_address .tabs_nav .active{ padding:0; border-radius:0; border:none;background-color: #36BCE2;color:#FFF;}

.tabs_box{width:99%;border:1px solid #DDDDDD;background-color:#FFF;padding-bottom:5px;}
.tabs_box h3{font-size:14px;padding:10px; font-weight:normal;background-color:#F5F5F5;border-bottom:1px solid #DDDDDD; margin-bottom:10px;}
.form_group{padding:0 15px;margin-bottom:10px;}
.form_group label{width:100%;height:28px;line-height:28px;font-size:14px;font-weight:700;display:block;}
.form_group .form_control{width:95%;padding-left:8px;height:30px;line-height:30px;color:#555;border:1px solid #CCC;font-size:14px;}
.form_group .select{width:95%;}
.form_group a{color:#09afdf;}
#shipping_address #forgot{float: right; margin-right:30px;line-height: 34px;}
#shipping_address #login_submit{}
#shipping_address #agreement{font-weight:normal;}
#shipping_address .register,#login_form{display:none;}

#payment_method,#shipping_method,#order_note,#coupon_code{float:right;border:1px solid #DDDDDD;width:54%;margin-bottom:15px;background-color:#FFF;}
#shipping_method h3,#payment_method h3,#order_note h3,#coupon_code h3{font-size:14px;padding:10px; font-weight:normal;background-color:#F5F5F5;border-bottom:1px solid #DDDDDD;}

.payment_item,.shipping_item{padding:0 15px;display:block;}
.payment_input,.shipping_input{margin:20px 15px 0 0;display:inline-block;}
.payment_ico,.shipping_ico{max-height:60px;margin:10px 0;}
#expires_month{width:40%;margin-right:10px;}
#expires_year{width:40%;margin-left:10px;}
#cvv{width:80px;}
#subtotal{float:right;width:52%;text-align:right;margin:0 10px 20px 0;}
#subtotal p{margin:5px 0;}
#subprice{font-size:24px;color:#F60;line-height:40px;margin-bottom:10px;}
#shipping_method p{padding:10px 0;font-size:14px;display:inline-block;}
#shipping_fee{color:#F60;font-weight:bold;}
#coupon_code p{padding:10px;}
#coupon_code .input{padding-left: 8px;width:60%;min-width:220px;height:32px;line-height:32px;color: #555;border: 1px solid #CCC;font-size: 14px;margin-right:10px;}
#order_note textarea{ width:90%;font-size:12px; padding:5px; border: 1px solid #ddd;margin:10px;}
#submit_order{float:right;margin-right:5px;}

/***************************** Order Info *****************************/
#order{margin-bottom:20px;float:left;width:100%;}
#order .wrapper{background-color:#FFF;padding:10px;border-radius:10px;box-shadow: 0 0 3px rgba(0,0,0,.3), 0 1px 2px rgba(0,0,0,.3), 0 -1px 0 #fff inset;}
#order h1{text-transform:uppercase;padding:10px 0;}
#orderPaymentDesc{border:1px solid #ccc;border-radius:10px;background-color:#eee; padding:20px;margin-bottom:20px;font-size:16px;color:red;}
#order_info{margin-bottom:20px;}
#order_info ul{float:left;width:33%;min-height: 275px;}
#order_info ul h3{margin:0 0 10px 20px;font-size:24px;font-weight: normal;}
#order_info .center{border-left:1px solid #ccc;border-right:1px solid #ccc;}
#order_info ul li{margin-left:20px;line-height:24px;font-size:14px;}
#order_info label{width:150px;font-weight:normal;display:inline-block;}

#order_product{width:100%;}
#order_product .item{border:1px solid #dbdbdb;min-height:50px;display: block;margin-bottom:15px;}
.item_qty{font-size:20px;line-height:35px;}

/***************************** Search *****************************/
#search_result{float:left;width:100%;padding-bottom:20px;}
/***************************** Account *****************************/
#account{margin-bottom: 20px;}
.left_column{width:220px;float:left; margin:0;}.right_column{float:right; width:960px;margin-left:20px;}
.sidebox{border:1px solid #ddd; margin-bottom:15px;border-radius:5px;}
#user_info{ padding:20px 0 10px 0; text-align:center;border-radius:4px;}
#user_info .designer_avatar{margin:0 auto 10px auto; display:block;border-radius: 50%;height: 180px;overflow: hidden;width: 180px;}
.sidebox h3{background-color:#F5F5F5; border-bottom:1px solid #DDD; line-height:36px; padding-left:10px; font-weight:normal; font-size:16px;}
.sidebox li{border-bottom:1px solid #DDD;}
.sidebox li a{line-height:30px; font-size:12px; display:block;padding:0 10px;}
.sidebox li a:hover{background-color:#F5F5F5; text-decoration:none;}
.section{border:1px solid #ddd; margin-bottom:10px;border-radius: 4px;}
.section h3{background-color:#F5F5F5; border-bottom:1px solid #DDD; line-height:36px; padding-left:10px; font-weight:normal; font-size:16px;}
.section p{text-align: center; padding: 10px 0;}
.order,.address{ width:96%; margin: 10px; border-collapse:collapse;}
.order thead,.address thead{ background-color: #F5F5F5; }
.order td,.address td{ border: 1px solid #ddd; padding: 10px;}

#design-list .product{ width:24%; text-align:center;margin:5px 0 5px 4px;}
#account .product-price,#account .product-name{ width:100%; float:none;}

#default td{ font-weight: bold; }
#account .form_group{ width:100%;height:36px;padding:0;margin-top:10px;}
#account .form_group label{ display:inline-block;width:20%; text-align:right;margin-right:10px;}
#account .form_group .form_control{width:400px;border-radius:5px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075) inset;color:#777777;height:24px;color:#555;display:inline-block;padding:6px 12px;transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; border:1px solid #E1E1E1;}
#account .form_group .button{float:right;margin-right: 20px;}

/***************************** Contact US *****************************/
#contact_us,#shipping,#privacy{margin-bottom:20px;float:left;width:100%;}
#contact_us .form_group{min-height:30px;margin:10px 0;padding:0;}
#contact_us .form_group label{ display:inline-block;width:80px;font-size:12px;text-align:right;vertical-align:top;margin:4px 6px 0 0;}
#contact_us .form_group .form_control{width:60%;border-radius:5px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075) inset;color:#777777;min-height:24px;color:#555;display:inline-block;padding:3px 6px;transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; border:1px solid #E1E1E1; font-size:14px;}

#hair_loss{float:left;width:100%;overflow:hidden;}
#hair_loss h2{margin-bottom: 10px;}
.hair_stages{width:100%;float:left;text-align:center; background-color:#b6e4fb;font-size:14px;}
.hair_stages h3{background-color:#6fb2d5;font-size:20px;color:#FFF;line-height:42px;margin-bottom:10px;}
.hair_stages p{padding:10px;text-align:center;}
#hair_loss_video{height:685px;/*1280 731*/}

#coupon{float:left;width:100%;overflow:hidden;}
#coupon .content{font-family:Arial;font-size:14px;}
.coupon_list{width:48%;height:150px;border-radius:5px;border:2px solid #000;float:left;margin: 0 10px 10px 10px;display:block;padding:0;}
.expired{background-color:#ccc;}
.coupon_txt{width:30px;height:110px;border-right:1px dashed #333;font-size:16px; word-wrap:break-word;letter-spacing:20px;margin:20px 20px 0 20px;float:left;display:block;}
.coupon_save{font-size:50px;height:58px;float:left;display:block;margin:20px 0 10px 0;}
.coupon_date{font-size:20px;height:36px;line-height:36px;float:left;display:block;}
.coupon_code{background-color:#ff0000;border-radius:5px;width:180px;height:36px;line-height:36px;text-align:center;color:#FFF;font-size:20px;float:right;display:block;margin-right:20px;}
@media(max-width: 1024px){
.wrapper{width:990px;}table,.content{max-width:100%;overflow:hidden;}
#searchbar{margin-left:30px;}
#searchbar .search_key{width:200px;}
#header_cart,#header_account,#header_currency{margin-left:20px;}
.nav_li{padding: 0 17px;}
#breadcrumbs a:first-item{margin-left:20px;}
#hair_loss_video{height:585px;}
#coupon,#hair_loss{float:none;padding:0;overflow:hidden;}
.coupon_list{width:49%;margin: 0 5px 5px 0;}
.coupon_save{font-size:42px;}
.coupon_code{width:140px;font-size:14px;font-weight:bold;}
.product{width:24%;}
}
@media (max-width: 854px){
.wrapper{width:100%;padding-left:0;padding-right: 0;}.resp{display:block;}.non-resp,#nav,.sort,#footer_info{display:none;}table,.content{max-width:100%;overflow:hidden;}

#header{height:auto;display:block;}
#resp_nav{display:block;color:#666;float:left;padding:16px 15px 0 20px;font-size:30px;}
#site_logo img{float:left;height:60px;width:auto;}
#header_currency,#header_cart,#header_account{margin-left:40px;}

#nav_collapse{height:100%;width:0;position:fixed;top:0;left:0;z-index:101;background-color:#FFF;border-right:1px solid #ccc;overflow:scroll;}
#resp_menu{width:100%;text-align:center;padding:20px 0 0 0;border-bottom:1px solid #ccc;display:none;}
#menu_list{padding-bottom:20px;}
#resp_menu i{display:inline-block;margin:0 20px;font-size:30px;font-weight:normal;cursor:pointer;overflow: hidden;}
#menu_searchbar{width:100%;border-top:1px solid #ccc;padding:10px 0;display:none;}
.search_key{width:55%;padding:8px 0 8px 10px;margin-right:6px;}
.nav_ul{z-index:101;overflow-y:auto;overflow-x:hidden;width:100%;}
.nav_li{float:left;display:block;width:100%;border-bottom:1px solid #ccc;padding:0 0 0 15px;overflow:hidden;}
.nav_li a{display:block;height:36px;line-height:36px;float:left;min-width:auto;color:#000;font-size:18px;font-weight:500;text-decoration:none;text-transform:none;}
#home{color:#000;}
.nav_li i{float:right;padding:8px 25px 0 0;}
.nav_li a:hover,.nav_li i:hover{color:#4fc6c6;}
#nav_collapse .nav_li:hover .nav_categoty{display:none;}
.nav_categoty{display:none;max-width:100%;width:100%;overflow:hidden;position:static;box-shadow:none;background:none;}
#nav_collapse .sub_menu{margin:10px 0;float:none;width:100%;}


#footer_info{height:auto;}
#footer_info .info{width:100%;margin-bottom:10px;}
#footer_info .info i{margin-left:20px;}
#footer_info .info .info_txt{margin-right:20px;padding-left:70px;}
.nav_box span,.nav_box ul,.nav_box i{width:auto;padding-left:20px;margin-right:0;}
#copyright{padding-bottom: 20px;}

.product{width:32.5%;margin:0 0 5px 5px;height:400px;}
.breadcrumbs .wrapper a:first-child{padding-left:10px;}
.title{margin:0 10px;}

#product_image,#product_detial,#product_description{width:auto; margin:0 10px 10px 10px;float:none; display:block;border:none;}
#product_image{text-align:center;}
#product_selector li{width:22%;margin-right:5px;}
#product_selector li img{width:100%;}
#product_name,#product_model,#product_review,#product_price{ text-align:center;}
#product_price .price,#product_quantity,#pro_submit{display:inline-block;float:none;}

#shopping_cart .wrapper,#checkout .wrapper,#order .wrapper,#account .wrapper,#contact_us .wrapper,#shipping .wrapper,#privacy .wrapper,#register .wrapper,#login .wrapper{width:auto;margin:0 10px;}
.pro_image{ width:40%;}
.pro_name,.pro_attribute,.pro_price{width:60%;}
.pro_name{font-size:16px;}
.pro_price{margin-bottom:10px;}

#shipping_address,#payment_method,#shipping_method,#subtotal,#cart,#coupon_code,#order_note,#coupon{ float:none; width:100%;}
#shipping_address{ margin-bottom:15px;}
#agreement,#agreement a{font-size:11px;}

#order_info ul h3{font-size:20px;}
#order_info ul li{font-size:12px;}
#order_info label{width:120px;}
#hair_loss_video{height:488px;}
.coupon_list{width:48%;height:135px;margin: 0 5px 5px 5px;}
.coupon_save{font-size:36px;}
.coupon_date{font-size:16px;}
.coupon_txt{margin:12px;width:24px;}
}
@media(max-width: 768px){
.product{height:368px;}
#contact_us .content{width:100%;}
#contact_us .form_group label{width:auto;}
#hair_loss_video{height:438px;}
.coupon_list{}
.coupon_save{font-size:30px;}
.coupon_date{font-size:14px;}
}
@media(max-width: 430px){
body{position:relative;}
#site_logo{width:100%;height:70px;text-align:center;background-color:#FFF;}
#resp_nav{float:right;color:#1d1d1d;}
#site_logo img{float:left;margin:5px 6px 5px 15px;}
#resp_cart{display:block;float:right;position:relative;padding:15px 15px 10px 15px;}
#resp_cart a{line-height:30px;display:block;}
#resp_cart i{color:#1d1d1d;font-size:30px;}
#resp_cart span{position:absolute;top:10px;left:25px;color:#EEE;font-weight:bold;background-color:#FF0000;border-radius:10px;padding:2px 5px;line-height:normal;}
#header_nav,#header_cart,#header_account{display:none;}
#header_currency{position:absolute;top:50px;right:35%;margin:0;}
.nav_box{width:50%;height:163px;}

.nav_li:hover .fa,.nav_li:hover .nav_li_a{color:#1d1d1d;}

.select{width:95%;}

.product{width:48%;height:278px;min-height:auto;}
.product_img{margin-bottom:5px;}
.product_img img{height:160px;}
.product_name{max-height:36px;overflow:hidden;}
.product_name a{font-size:12px;}
.product_name,.product_price{width:90%;margin:0 10px;}
.product_price{}
.product_price del,.product_price span{display:inline-block;width:auto;}
.product_attribute ul li{}
#AddToCart{padding-top:10px;}
#product_quantity{margin-left:10px;}
#pro_submit{width:98%;padding:0;margin:10px 0 0 0;}
#product .tabs_nav li{width:24.5%;overflow:hidden;}
#product .tabs_box{padding:10px;}
.table_box{width:96%;}
#attributes_cap_construction li{width:96%;}
#product_similar{display: none;}

.breadcrumbs{height:30px;line-height:30px;font-size:12px;}
.breadcrumbs a{line-height:30px;font-size:12px;}

.page{height:auto;max-height:56px;}
.page_list{float:none;margin:0;}
.page_goto{display:none;}

#main_image{margin:0 auto;}
#product_name{font-size:18px;}

#order{margin-top:5px;}
#order .title{font-size:18px;line-height:normal;}
#order_info ul{float:none;width:100%;min-height:0;margin-top: 20px;}
#order_info .center{border:none;}

#login .login_box,#register .register_box{ width:100%;padding:10px 0;min-height:300px;}
#login .form_group label{ width:25%;}
#register .form_group label{ width:30%;}
#register .form_group .form_control {width: 55%;}
#register #inputFirstName,#register #inputLastName{width:22%;margin-right:1%;}
#login .form_group .form_control{ width:60%;}
#login .form_group .checkbox{ width:40%;}
#login .submit{margin-right:7%;}

#footer{height:auto;}
#contact_us .button{margin-right:50px;}
#footer_nav li:first-child{display:none;}
#footer_nav li{margin:0 12px;}
#footer_nav li a{font-size:12px;}
#copyright{line-height:32px;text-align:center;}
#hair_loss_video{height:236px;}
.coupon_list{width:94%;margin:0 0 10px 10px;}
.coupon_save{font-size:30px;height:auto;margin:12px 0 0 0;}
.coupon_date{font-size:18px;}
.coupon_txt{margin-right:12px;width:24px;}
.coupon_code{width:180px;}
}

@media (max-width: 375px){
.tabs_nav li{width:33%;}
.product_attribute ul li{width:21%;}
#hair_loss_video{height:214px;}
}

@media (max-width:360px){
#coupon_code .input{height:24px;font-size:12px;max-width:180px;}
#coupon_code .button{height:14px;font-size:12px;line-height:14px;}
#footer_nav li{margin: 0 5px;}
#hair_loss_video{height:205px;}
.coupon_save{font-size:28px;}
}

@media (max-width:320px){
#site_logo img{width:160px;}
#resp_cart span{top:17px;}
.product_attribute ul li{width:20%;}
#login, #register{padding:10px 0;}
#login .form_group label, #register .form_group label{margin:0 5px;width:25%;}
#login .form_group .form_control, #register .form_group .form_control{padding:6px;}
#login .submit{margin: 0 8% 0 10%;}
#expiration_month,#expiration_year{width:30%;}
#agreement,#agreement a{font-size:10px;}
.nav_box{width:100%;height:auto;}
#coupon_code .input{min-width:180px;padding-left: 5px;}
#hair_loss_video{height:182px;}
.coupon_save{font-size:24px;}
}