*{ margin:0; padding:0; outline:0;}
ul,li{ list-style:none;}
a,img{ text-decoration:none; border:0; color:#000; outline:none;}
body{font-family: 'Lato', sans-serif; font-size:14px; color:#000; font-weight:400;}
.container{ display:block; width:1170px; margin:0 auto;}
.header{ width:100%; display:inline-block; margin:0 auto;}
.header_top{ width:60%; display:inline-block; background:#fff; margin:0 auto; padding-top:12px;}
.header_top li{ float:left;}
.header_top li a{ font-size:13px; display:inline-block; margin-right:4px; width:22px; 
height:18px; background:#37C9F3;
line-height:23px; padding-top:4px; color:#fff; text-align:center; border-radius:50%;}
.header_top li a:hover{color:#fff;  background:#333;  }
.under{ width:100%; display:inline-block; margin:0 auto; border-top: 1px solid #ecefef;}
.header_top li:last-child{border-right:0px;}
.header_top li:first-child{ padding-left:0; margin-left:0;}
.social{ float:right;}
.social li{ float:left;}
.social li a{ float:right; color:#898989; border-right:1px solid #ecefef; padding:0 15px; margin:12px 0;}
.social li i{ font-size:14px; margin-right:8px; color:#37bbec;  display:inline-block}
.header_bottom{ width:100%; display:inline-block; margin:0 auto; padding:12px 0;}
.logo a{display:inline-block; font-family:"Libre Baskerville"; font-size:21px; text-transform:uppercase;}
//.logo{float:left; width:14%; margin-right:130px;}
.logo{float:left; width:14%; margin-right:300px;margin-top:-52px;}
.header_right{ width:86%; }
.header_right li{ float:left; }
.header_right li a{ display:inline-block; font-size:14px; margin-right:30px; color:#000;
text-transform:uppercase; font-weight:900;}
.menu_bar{ width:100%; background:#333333; display:none; padding:10px 20px; box-sizing:border-box;}
.menu_bar a{ color:#fff; font-size:18px;}
.menu_bar a i{ float:right;}
.banner{ width:100%; display:inline-block; margin:0 auto;}
.header_right li a:hover{color:#37bbec;}
.break{ width:100%; display:inline-block; background:#F3F6F6; }
.break_total{ float:left;width:50%;}
.break1{  float:left; margin:4% 0; }
.break1 img{ display:inline-block; width:545px; height:362px;} 
.break1 li{position:relative;  margin-right:6%; overflow:hidden; }
.bg{ width:85%; background: rgba(245,245,245,.8); position:absolute; top:58%; left:8%;}
.bg_inner h2{color: #282727; text-align:center; padding-top:25px; padding-bottom:10px; padding-left:8px; padding-right:8px;}
.bg_inner p{ text-align:center; color:#000; font-size:14px; line-height:22px; padding-bottom:25px; padding-left:8px; padding-right:8px;}
.break1 li img{ display:inline-block; overflow:hidden; float:left; transition:0.5s;}
.break1 li:hover img{ transform:scale(1.2); transition:0.5s;}
.break1 li::after{ border:2px solid #fff; content: "";position: absolute;top: 8px; right:8px; bottom:8px; left:8px;
 opacity:0;}
.break1 li:hover::after{ opacity:1;}
.break1 li:last-child{ margin-right:0;}
.break h4{ text-align:center; padding:50px 0 10px 0; font-size:26px; color:#709C2B; font-weight:700;}


.breaks{ width:100%; display:inline-block; background:#F3F6F6;}
.break_total2{ float:left;width:30%; margin-right:3.3%;}
.break2{  float:left; margin:4% 0; }
.break2 img{ display:inline-block; width:350px; height:440px;}
.break2 li{position:relative;  margin-right:6%; overflow:hidden; }
.bg2{ width:85%; background: rgba(245,245,245,.8); cursor:pointer; position:absolute; top:58%; left:8%;}
.bg_inner h2{color: #282727; text-align:center; padding-top:25px; padding-bottom:10px; padding-left:8px; padding-right:8px;}
.bg_inner p{ text-align:center; color:#000; font-size:14px; line-height:22px; padding-bottom:25px; padding-left:8px; padding-right:8px;}
.break2 li img{ display:inline-block; overflow:hidden; float:left; transition:0.5s;}
.break2 li:hover img{ transform:scale(1.2); transition:0.5s;}
.break2 li::after{ border:2px solid #fff; content: "";position: absolute;top: 8px; right:8px; bottom:8px; left:8px;
 opacity:0;}
.product_inner:hover{ box-shadow: 1px 2px 5px #a0783B;}
.break2 li:hover::after{ opacity:1;}
.break2 li:last-child{ margin-right:0;}
.feature{ width:100%; display:inline-block; background:#F7f7f7; padding-bottom: 30px;}
.feature p{ text-align: justify; font-size:14px; line-height:23px; color:#000; margin-bottom: 20px;}
/*.unitpriceajax_1{ float:right; color:#37BBEC;}*/
.product_innertotal{ width:100%; display:inline-block; margin:0 auto;}
.product_inner{ width:22%;  border-bottom:5px solid #d9d9d9;  box-shadow: 0 2px 2px rgba(11, 25, 28, 0.1); 
margin-right:2%; float:left;position:relative; margin-bottom:60px; float:left; min-height:537px; background:#fff;}

.unitajax_1,.unitajax_2,.unitajax_3,.unitajax_4{ padding-left:6px; display:inline-block;}

.product_inner img{ width:260px; height:250px;}
.product_inner li{ width:100%; overflow:hidden;}
.product_inner li img{ transition:0.5s; position:relative; display:inline-block; }
.product_inner li img::before{ position:absolute; background:rgba(0,0,0,0); width:100%; content:"jn"; top:0; left:0; bottom:0; right:0; }
.cart-icon{ background-color: #ffffff;width: 30px;height: 30px;position: relative;text-align: center;
line-height: 30px;border-radius: 50%;box-shadow: 0px 1px 0px #c9cbcb,inset 0px 1px 0px #fff; }
.cart-icon::before{content: "";display: block;position: absolute;top: -3px;left: -3px;bottom: -3px;right: -3px;
z-index: -1;border-radius: 50%;background-color: #edefef;}
.icon{display:block; margin:0 auto; text-align:center; float:right;}
.cart-icon a i{ font-size:17px; color:#000; line-height:30px;}
.cart-icon a i:hover{ color:#37bbec; }

.product_inner li:hover img{transform:scale(1.1); transition:0.5s;}
.product_inner span.quickview { position:absolute; top:0; left:20px;
 display:inline-block;transition:1s; opacity:0;}
.product_inner span a{ background:#159CD1;  display:inline-block; padding:12px 65px; border-radius:15px;  text-transform:uppercase;font-family: 'Roboto', sans-serif;font-weight:500; color:#fff; margin:0 auto; }
.product_inner li:hover span.quickview { opacity:1; transition:1s; top:120px; left:20px; }
.product_inner li .btag {  display:inline-block;background-color:#fff; position: relative;
  /*  top: -6px;*/ width:100%; min-height:219px; }
  
.product_inner1 li btag {  display:inline-block;background-color:#fff; position: relative;
  /*  top: -6px;*/ width:100%; min-height:270px; } 
.product_inner1 li em a{ display:block; font-style:normal; padding-top:20px; padding-left:20px;color:#37BBEC;
 text-transform:uppercase; font-weight:700; font-size:15px; margin-bottom:20px; }   
/*.cat{ width:100%;}
.cat a{ display:inline-block; padding-bottom:15px;}  */
  
  
.product_inner li em a{ display:block; font-style:normal; padding-top:20px; min-height:30px; padding-left:20px;color:#37BBEC;
 text-transform:uppercase; font-weight:700; font-size:15px;  }
.product_inner li p{ padding-left:20px;color:#898686; margin-bottom:7px;}
.product_inner li small{ padding-right:6px; color:#0FA71B; font-size:15px; margin-bottom:7px;}
.product_inner li h2 {color:#282827; float:left; font-size:14px; padding-left:20px; margin:8px 0;}
.product_inner li h2 i{ font-size:15px; color:#F30; margin-left:5px;}
.product_inner li h5{font-weight:500; font-size:16px; padding-left:55px;}
.product_inner span a:hover{background:#365699;}
.product_inner:last-child{ margin-right:0;}

.unit_total{ display:inline-block; width:100%;}
.product_inner li h3 {color:#37BBEC;float:right;font-size:17px; font-family:Roboto; font-weight:bold; padding-right:20px; margin:5px 0;}
.product_inner li h3 i{ font-size:17px; float:left; color:#37BBEC; margin-left:5px;}


.unit_down{ float:left; width:66%; margin-left:8%;}
.unit_right{ float:right; width:24%; margin-top:9px;}
.unit_right em{ float:left; font-style:normal;}
.unit_right input[type="text"]{ width:40%; height:26px; border:1px solid #EAEAEA;}
.add_cart{ float:right; margin:6px 15px 0 0; padding-bottom:15px; padding-top:6px;}
.add_cart input[type="submit"]{ background:#1F9625; text-transform:uppercase; font-size:14px;
 color:#fff; border:0; padding:6px 10px; cursor:pointer;}
.add_cart input[type="submit"]:hover{ background:#303330;} 


.payment{ width:100%; display:block; margin:0 auto;}
.payment h2{ float:left;}

.paycross{ display:block; width:100%; margin:0 auto; min-height:30px;}
.paycross h1 {color:#898686;float:right;font-size:15px; font-family:Roboto; font-weight:400;
 padding-right:16px; margin:5px 0; text-decoration:line-through !important; width:25%;}
.paycross h1 i{ font-size:17px; color:#898686; text-decoration:line-through; margin-left:5px; float:left;}



.feature h4{ font-size:24px; padding: 10px 0; text-align:center;color:#709C2B; margin-bottom:30px;}

.feature h5{ font-size:21px; padding: 8px 0; text-align:center;  background:#04A41C; color:#fff; margin-bottom:30px;}

.product_inner li em a:hover{ color:#365699;}
.scrollToTop{width:20px; height:20px;padding:10px; text-align:center;font-weight: bold;color: #444;
text-decoration: none;position:fixed;right:25px;display:none;bottom:5px;background-color:#D4571D;color:#FFF;}
.scrollToTop:hover{ background-color:#438C0F;}
.scrollToTop i{ font-size:16px; text-align:center; line-height:30px; color:#fff;}
.footer{ width:100%; display:inline-block; margin:0 auto; background:#000; padding:18px 0;}
.foot_left li{ float:left;}
.foot_left li a{ display:inline-block; color:#fff;font-size:14px; margin-right:20px;}
.foot_left li a:hover,.foot_left li a.active1{ color:#37BBEC}
.foot_right{ float:right;}
.foot_right span{ display:inline-block; color:#fff;}
.menu1{ display:inline-block; border:1px solid #DEDDDD; background:#fff; margin-bottom:15%;}
.menu1 li a{ font-size:15px; color:#110909; display:inline-block; padding:8px 15px; }
.submenu1{ background-color:#7ACB5A;  border:1px solid #DEDDDD;  position:absolute;display:none;z-index:9999;
 white-space:nowrap; float:right;}
.submenu1 li a { display:block;font-size:16px;padding:8px 33px;
 color:#fff; margin-right:0;  font-size:15px; text-align:left;}
 
 
.submenu3{ background-color:#7ACB5A;  position:absolute;display:none;z-index:9999;
 white-space:nowrap; float:right;}
.submenu3 li a { display:block;font-size:16px;padding:8px 28px;
 color:#B0B4B0; margin-right:0; font-size:15px; text-align:left;} 
.menu1 li:hover .submenu3{display:block;transition:0.8s; color:#000;} 
 

.submenu4{ position:absolute;display:none;z-index:9999;
 white-space:nowrap; float:right;}
.submenu4 li a { display:block;font-size:16px;padding:4px 33px;
 color:#000; margin-right:0; font-size:15px; background:#fff; text-align:left;} 
.menu1 li:hover .submenu4{display:block;transition:0.8s; color:#fff;} 
 
.submenu4 li a:hover{background:#37BBEC; color:#fff !important;}
.products_right_description1 input[type="text"]{ width:100px; height:33px; border:0;
font-size:16px; padding-left:4px;  border:1px solid #DEDDDD;}
 
 
.products_inner{ width:60%;  margin:0 auto; display:block;}
 .submenu1 li{ float:none !important; margin:0;  }
.submenu1 li a:hover {color:#fff; background-color:#363636; border-bottom:0px; }
.menu1 li:hover .submenu1{display:block;transition:0.8s; color:#27c432;}
.menu1 i{ font-size:17px; margin-left:15px; }
.menu1 li a:hover{ color:#000;}
.header_right li i{ font-size:17px; margin-left:8px; color:#5DBBEC;}
.header_right li{ position:relative;} 
.submenu{ background-color:#fff;  position:absolute; padding-top:20px;  display:none;z-index:9999; white-space:nowrap; }
.submenu li a { display:block;font-size:13px;padding:0 15px; 
 color:#000; margin-right:0;  text-align:left;}
 
.submenu li{ float:none !important; padding:5px 0;}
.submenu li a:hover {color:#000;}
.header_right li:hover .submenu{display:block;transition:0.8s;}
.header_right li a:hover,.header_right li a.active{ color:#5DBBEC;}


select {
    background: #FFF;
    border-color: #DFDFDF #EFEFEF #EFEFEF #DFDFDF;
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
    padding: 7px;
    margin: 5px 0;
    width: auto;
    height: auto;
    box-shadow: none;
    transition: all 0.15s linear 0s; font-size:14px;}



.ui.compact.menu {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	margin: 0;
	vertical-align: middle
}
.ui.compact.vertical.menu {
	display: inline-block;
	width: auto!important
}
.ui.compact.menu .item:last-child {
border-radius:0 .28571429rem .28571429rem 0
}
.ui.compact.menu .item:last-child:before {
	display: none
}
.ui.compact.vertical.menu .item:last-child::before {
	display: block
}




.ui.menu.fluid, .ui.vertical.menu.fluid {
	width: 100%!important
}
.ui.item.menu, .ui.item.menu .item {
	width: 100%;
	padding-left: 0!important;
	padding-right: 0!important;
	margin-left: 0!important;
	margin-right: 0!important;
	text-align: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}

// contact page
.contact_page{ width:100%;  display:inline-block; margin: 0 auto; padding:1% 2%;}
.contact_page_left{ float:left; width:40%; padding:50px 0 30px 0;}
.contact_page_left h3{font-weight:500; font-size:25px;color:#709C2B;  letter-spacing:-1px;}

.contact_page_left p{ font-size:18px; margin:10px 0; color:#1C1C1C;}
.contact_page_left p i{ font-size:25px; margin-right:10px;}
.contact_page_left span{ display:block; margin:10px 0; font-size:18px; padding-top:5px;}
.contact_page_left span:last-child{ padding-top:0;}
.contact_page_left span em{ display:inline-block; width:35%; font-style:normal;}

.contact_page_right{ float:left; width:60%;padding:50px 0 30px 0;}
.contact_page_right h3{font-weight:500; font-size:25px;color:#709C2B;  letter-spacing:-1px;}
.contact_page_right input[type="text"]{ width:198px; margin:10px 3px 0 0px; padding:0 5px; height:40px; border:0; background-color:transparent; border:1px solid #ccc;}
.contact_page_right textarea{font-family:arial; font-size:13px; 
                            padding:5px;width:90%; border:0; background-color:transparent; 
                            height:150px; border:1px solid #ccc; resize:none; display:block; 
                            margin:10px 0;}
.contact_page_right .send{ padding:13px 37px; font-weight:600;  background:url(../images/menu_bg.gif) repeat-x 0 0 / 100% 100%; color:#fff; font-size:15px; border:0;font-family:arial; text-transform:uppercase; }
.contact_page_right .send:hover{ background:#353535; cursor:pointer;font-family:arial;}
// contact page

.map{ width: 100%; display: inline-block; margin: 0 auto;}

.maptotal{ width: 100%; display:inline-block; margin:0 auto;}














.cart_totalall{ width:100%; display:inline-block; margin:0 auto; background:#0F9;}







/* old style  */

.index_products { display:inline-block; width:100%; background:#fff; padding:2%;}
.index_products h2 { display:inline-block; width:100%; padding-bottom:8px; border-bottom:1px solid #ddd;}
.index_products_inner { display:inline-block; width:100%;}
.index_product_list { width:23%; margin:1%; padding:1% 1% 0 1%; background:#fff; box-sizing:border-box; float:left; border:1px solid #ccc;}
.index_product_list_row_one { display:inline-block; width:100%;}
.index_product_list_row_one a { display:inline-block; width:100%; margin:0 auto;}
.index_product_list_row_one a img { width:100%; margin:0 auto; display:block; transition:0.5s all ease-in-out; height:200px;}
.index_product_list_row_one a img:hover { filter:saturate(140%);-webkit-filter:saturate(140%); transition:0.5s;}
.index_product_list_row_one span a { color:#0CB12E; display:block; text-align:left; font-family:arialbold; transition:0.5s all ease-in-out; margin-top:15px;}
.index_product_list_row_one span a:hover { color:#8B0004; transition:0.5s;}
.index_product_list_row_two { display:inline-block; width:100%; padding:15px 0;} 
.index_product_list_row_two p { line-height:25px;}
.index_product_list_row_two p span { font-size:16px; text-transform:uppercase; font-family:arialbold; color:#999;}
.index_product_list_row_two a { height:30px; line-height:30px; padding:0 10px;}
.index_product_list_row_two a.cart_button { float:left; background:url(../images/link_bg.png) repeat-x 0 0 / 100% 100%; color:#fff; margin-right:10px;}
.index_product_list_row_two a.cart_button:hover {
	 background:url(../images/link_bg_hover.png) repeat-x 0 0 / 100% 100%;}
.index_product_list_row_two a.details { color:#222;}
.index_product_list_row_two a.details i { margin-left:8px; color:#999;}
.products{ width:100%; display:inline-block; padding:10px 0 20px  0; }
.products_left{ width:33%; float:left; border-right:1px solid #DDE0DF;}
.products_left img{ display:block; margin:0 auto; width:300px;}
.products_right{ float:right; width:64%;position:relative;}
.products_right h3{  padding-bottom:20px; font-weight:bold;font-family:arialbold; font-size:19px;color:#3F2300;}
.products_right_rate{ float:left; width:45%; padding:20px; border-right:1px solid #DDE0DF;}
.products_right_rate span{ font-size:17px; color:#000;}
.products_right_rate i{font-size:16px; color:#000;}
.products_right_rate em{ font-style:normal; text-decoration:line-through; margin-left:7px;}
.products_right_rate h4{ font-size:25px; margin:10px 0 0 0;     display: block;width: 65%;}
.products_right_rate small{ font-size:15px; color:#000; margin:5px 0; display:block;}
.products_right_rate a{background: url(../images/menu_bg.gif) repeat-x 0 0 / 100% 100%; border-radius:3px; display:inline-block;color:#fff; text-transform:uppercase;font-family:arial; font-size:16px; text-align:center; padding:12px 15px; margin:15px auto 0 auto; transition:0.5s;}
.products_right_rate a:hover{background:url(../images/menu_hover_bg.gif) repeat-x 0 0 / 100% 100%; transition:0.5s;}
.products_right p{ font-size:13px; text-align:center; line-height:20px; margin-bottom:10px;}
.products_right_description{ float:left; padding:20px 5px 20px 20px; }
.products_right_description li{ font-size:15px;}
.products_right_description li span b{font-family:arial;}
.products_right_description li span{ width:45%; display:inline-block;color:#000; }
.addcart input[type="submit"]{ background:#1F9625; padding:5px 18px; color:#fff; border:0; float:right;}
.products,.products_right h2{ font-size:20px; padding:10px 0; text-align:center; border-bottom:0; 
border-top:1px solid #DDE0DF;  margin-bottom:0; color:#666;}
.products_right h5{ float:left; color:#37BBEC; font-size:19px; width:55%;}
.product_total2{ float:right;}
.products_right_description1{ float:right; padding:20px 5px 20px 20px; }
.products_right_rate b{ float:right; font-size:15px; color:#000; padding-right:15px;}
.products_right_description h4{ font-size:15px; color:#000;}
.products_right_description1 h4{ font-size:15px; color:#000;}
.products_right_rate input[type="submit"]{ background:#1F9625; text-transform:uppercase; 
font-weight:400; padding:5px 10px;cursor:pointer; font-size:14px;
 color:#fff; border:0; float:right; margin-top:25px; margin-right:6px;}
.products_right_rate input[type="submit"]:hover{background:#444444}


.icon sup{ font-size:14px; color:#000; margin-left:2px;}
.icon sup:hover{ color:#37BBEC;}

/* cart */
.cart_total{ width:100%; display:inline-block; margin:0 auto; background:#F1F4F5; padding-bottom:350px;}
.cart_all{ width:100%; display:inline-block; text-align:center;}
.cart{ width:100%;  text-align:center; border-collapse:collapse;border:1px solid #f8ebeb; margin-bottom:125px;}
.cart tr{ padding:10px 0;}
.cart th{ background:#37BBEC; color:#fff; padding:15px 10px; border:0;}
.cart td{ width:17%; padding:10px 0; border:1px solid #e1dddd; background:#fff;}
.cart td input[type="text"]{ border:0; color:#666;}
.cart td:last-child{ border-bottom:0;}
.cart input[type="submit"]{ font-size:13px; background-color:transparent; border:0; background:url(../images/menu_hover_bg.gif) repeat-x 0 0 / 100% 100%; padding:8px 10px; margin:0 10px; color:#fff; font-weight:bold;font-family:arialbold; text-transform:uppercase; cursor:pointer; border-radius:3px;}
.cart input[type="submit"]:hover{background:url(../images/menu_bg.gif) repeat-x 0 0 / 100% 100%; transition:0.5s;}
.cart td a.clear_cart{ font-size:17px; background:url(../images/clearcart.png) no-repeat; padding:20px 50px; margin-top:5px; display:inline-block; }
.cart_header{ width:100%; display:inline-block; padding:px 0 0 0;}
.cart_header h1{ font-size:23px;}
.cart_header a{ text-align:left; display:inline-block; margin:10px 0;}
.first_tr{ border-left:1px solid #f8ebeb;}
.cart td .fa-trash-o{ font-size:22px; color:red;}
.order_cancel{ padding:15px 0; width:100%;}
.order_cancel span{ display:inline-block;background:url(../images/menu_bg.gif) repeat-x 0 0 / 100% 100%;padding:8px 15px; color:#fff;border-radius:3px;}
.order_cancel span:hover{background:url(../images/menu_hover_bg.gif) repeat-x 0 0 / 100% 100%;}
.order_cancel span:hover i{ color:#fff;}
.order_cancel span a{ color:#fff; font-size:14px; font-family:arialbold;  text-transform:uppercase;}
.order_cancel span i{ padding-right:10px; vertical-align:middle;}
.form-div.form-field submit{ width:100%;}
.form-div .fa-trash-o{ font-size:22px; color:red;}

.cart_all input[type="submit"]{background:url(../images/menu_bg.gif) repeat-x 0 0 / 100% 100%; border:0;
 padding:7px 6px;border-radius:3px; text-transform:uppercase;color: #fff;font-size: 14px;font-family: arialbold; text-transform: uppercase; cursor:pointer; margin-left:10px;}
.cart_all input[type="submit"]:hover{background:url(../images/menu_hover_bg.gif) repeat-x 0 0 / 100% 100%;}

.dropdown{ position: relative; float:right;}
.dropdown-menu {position: absolute; top: 100%;left: 0;z-index: 1000;display: none; float: left; min-width: 160px;
    padding: 5px 0; margin: 2px 0 0; font-size: 14px;text-align: left; list-style: none;background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;border: 1px solid #ccc;border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175);}
	

.btn{ padding:5px 30px !important; background:#37BBEC; font-size:18px !important; color:#fff;}	
	
.form-div_sub{ width:78%; margin:0 auto; text-align:left;}
.total{width: 75%;display: block;margin: 0 auto;text-align: center;float: right;}
.check_out_page{ width:100%; display:inline-block; padding:0 0 30px 0}
.check_out_page_left{ background:#F5FFF7;min-height:560px; width:47%; box-shadow:1px 1px 9px #ccc;text-align:center; padding:20px 20px 30px 20px; border-radius:10px; float:left}
.check_out_page_left label{ margin:10px 0; width:100%; display:inline-block;text-align:left; font-size:15px;}
.check_out_page_left input[type="text"]{ width:350px; padding:0 5px; height:40px; border:0; background-color:transparent; border:1px solid #ccc; text-align:left;}
.check_out_page_left textarea{ width:350px; border:0; border:1px solid #ccc; background:transparent; margin-bottom:10px;}

.check_out_page_right{ background:#F5FFF7; width:47%; box-shadow:1px 1px 9px #ccc;text-align:center; padding:20px 20px 30px 20px; border-radius:10px; min-height:560px; float:right;}
.check_out_page_right label{ margin:10px 0; width:100%; display:inline-block;text-align:left; font-size:15px;}
.check_out_page_right input[type="text"]{ width:350px; padding:0 5px; height:40px; border:0; background-color:transparent; border:1px solid #ccc; text-align:left;}
.check_out_page_right textarea{ width:350px; border:0; border:1px solid #ccc; background:transparent; margin-bottom:10px;}
.check_out_page_right input[type="radio"]{ margin-right:10px; display:inline-block;}
.check_out_page_right em{ display:inline-block; font-style:normal; margin:20px 20px 20px 0;}
.check_out_page_right select{ border:0; border:1px solid #ccc; padding:8px 0;}
.wrapper{ position:relative;}
.detail{ position:absolute; width:200px; z-index:5; left:80%; height:290px; top:0;}
.drift-demo-trigger {
        width: 40%;
       
      }

.detail {
 
        width: 100%;
        margin-left: 5%;
		
     
      }

.ix-link {
        display: block;
        margin-bottom: 3em;
      }

@media (max-width: 900px) {
        .wrapper {
          text-align: center;
          width: auto;
        }

.detail, .drift-demo-trigger {
          float: none;
        }

.drift-demo-trigger {
          max-width: 100%;
          width: auto;
          margin: 0 auto;
        }

        .detail {
          margin: 0;
          width: auto;
        }

        p {
          margin: 0 auto 1em;
        }

        .responsive-hint {
          display: none;
        }
      }
	  
.product_total{ width:100%; display:inline-block; margin:0 auto; background:#F1F6F8; padding-bottom:120px;}	  
.table_inner{ width:100%; display:inline-block;}
.table_inner td{ text-align:center;}


/*table table*/ /*table table*/  /*table table*/  /*table table*/  /*table table*/  /*table table*/

.table-responsive { min-height: .01%; overflow-x: auto}

@media screen and (max-width:767px) {
.table-responsive {
	width: 100%;
	margin-bottom: 15px;
	overflow-y: hidden;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	border: 1px solid #ddd
}
.table-responsive>.table {
	margin-bottom: 0
}
.table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th {
	white-space: nowrap
}
.table-responsive>.table-bordered {
	border: 0
}
.table-responsive>.table-bordered>tbody>tr>td:first-child, .table-responsive>.table-bordered>tbody>tr>th:first-child, .table-responsive>.table-bordered>tfoot>tr>td:first-child, .table-responsive>.table-bordered>tfoot>tr>th:first-child, .table-responsive>.table-bordered>thead>tr>td:first-child, .table-responsive>.table-bordered>thead>tr>th:first-child {
	border-left: 0
}
.table-responsive>.table-bordered>tbody>tr>td:last-child, .table-responsive>.table-bordered>tbody>tr>th:last-child, .table-responsive>.table-bordered>tfoot>tr>td:last-child, .table-responsive>.table-bordered>tfoot>tr>th:last-child, .table-responsive>.table-bordered>thead>tr>td:last-child, .table-responsive>.table-bordered>thead>tr>th:last-child {
	border-right: 0
}
.table-responsive>.table-bordered>tbody>tr:last-child>td, .table-responsive>.table-bordered>tbody>tr:last-child>th, .table-responsive>.table-bordered>tfoot>tr:last-child>td, .table-responsive>.table-bordered>tfoot>tr:last-child>th {
	border-bottom: 0
}
}