body{ padding:0; margin:0; font-family:Arial}



#paseo{width:100%;}
#crosspromotion_box{ display:block}
#patemplateseo{display:none}

#ebaytemplate{background:#fff url(images/top_bg.png) 0 158px repeat-x; width:100%; float:left;}

/*Template Bg*/
.store_background{width: 100%;float:left; padding:13px 0; padding-bottom:0; margin:0;  text-align:center; font-size:12px; font-family:Arial, Helvetica, sans-serif;
                  background:url(images/bottom_bg.png) bottom repeat-x;
}
.template_bgin{width:100%; height:100%;  padding:0;}

.store_header_background{}
/*Template width*/
.template_center{ width:1200px; margin:0 auto; }
.template_header{ width:100%; height:145px;}
/*contect layout*/
.template_content{  margin:0 auto;  vertical-align:top; padding:0;}
.template_contentin{font-size:13px; width:100%; float:left; }
/*content left*/
.template_content_left{ width:220px; float:left;display:inline;}
/*content right*/
.template_content_right{  margin-left:235px;}

.patemplate_bodyin{margin:0 auto;width:1000px;margin:0 auto; background:#eee; text-align:center;}

#header {width:100%;margin: 0px auto;padding: 0px !important;}

/*Head Logo*/
.template_header_our{ width:100%; float:left;text-align:left;}
.template_header_logo{float:left; margin-top:5px; width:213px;text-align:left;}
.template_header_logo img{border:none;}

.brandslider{ width:100%; float:left; padding-top:30px; margin-bottom:13px; padding-bottom:22px; background-size:contain;}
.brandslider ul, .brandslider ul li{ float:left; list-style-type:none;padding:0; margin:0; font-size:13px;}
.brandslider ul{float:left;  width:100%;}
.brandslider ul li{ float:left; width:25%; text-align:center;}

.stpre_brand{ width:100%; float:left;}
.stpre_brand img{ width:100%}



/*Head Nav*/
.template_header_nav{float:left; width:100%; height:60px; position:relative; text-align:left; }
.template_header_nav ul, .template_header_nav ul li{ float:left; list-style-type:none;padding:0; margin:0; font-size:13px;}
.template_header_nav ul{float:left;  width:100%;}
.template_header_nav ul li{ float:left; width:25%;border-left:1px solid #434343;}

.template_header_nav ul li:last-child{ float:left; width:23%;border-right:1px solid #434343;}
.template_header_nav ul li a{color:#fff; text-decoration:none; text-transform:uppercase; display:block;text-align:center; height:65px; line-height:65px; font-size:13px; font-weight:bold;}
.template_header_nav ul li a:hover{ text-decoration:none; cursor:pointer; background:#ff8402; color:#fff;}


/*多功能店铺导航*/
.template_header_nav ul, .template_header_nav li{  padding:0; margin:0; list-style-type:none; float:left;}


.template_header_nav ul.lev1 ul.lev2{ display:none;}

.template_header_nav ul.lev1 li:hover ul{ display:block;}
.template_header_nav ul.lev1 li:hover ul.lev2{ display:block;}
.template_header_nav ul.lev1 ul.lev2 li a {color:#333 }
.template_header_nav ul.lev1 ul.lev2 li a:hover {color:#fff }

.template_header_nav ul.lev1 li li{border:none;}
.template_header_nav ul.lev1 li li:hover a{color:#333;}

.template_header_nav .lev1 li:hover ul.lev2{ display:block;}
.template_header_nav ul.lev2{position:absolute; top:65px; left:0px;width:25%; padding-bottom:5px; box-shadow:1px 1px 1px #333;color:#f00; background:#eee;filter:alpha(opacity=50); z-index:999999 }
.template_header_nav .lev1 li:last-child ul.lev2{ right:0;}
.template_header_nav ul.lev2 li{float:left; width:100%; text-align:left; text-align:left;}
.template_header_nav ul.lev2 li{line-height:22px;}
.template_header_nav ul.lev2 li a{ text-align:left; padding-left:10px;}



.template_head_right{ width:545px; float:right; height:100px;  position:relative; display:block; text-align:right;margin-right:10px; }
.template_head_right ul, .template_head_right ul li{ padding:0; margin:0; list-style-type:none;}
.template_head_right ul{ margin-top:20px; float:right;}
.template_head_right ul li{ float:left; height:16px; line-height:13px; padding:0 10px;}
.template_head_right ul li:last-child{ padding-right:0; border-right:none;}
.template_head_right ul li a {  font-family:Arial; font-size:12px; color:#333; text-decoration:none; text-transform:uppercase;}


.ebaymsg-massage-content{  float:right; width:150px; margin-top:30px;}
.ebaymsg-massage-content a{ float:right;}
.ebaymsg-massage-content a.ebaymsg{ display:block; width:100%; height:25px; line-height:25px; text-decoration:none; font-weight:bold; font-size:16px; color:#333; background:url(images/icon-newsletter-tablet.png) top left no-repeat; padding-left:30px;}
.ebaymsg-massage-content a.ebaymsg:after{content:"Any questions?";}


.patemplate_desc{ width:100%; float:left;}


/* box*/
.patemplatebox{width:100%; float:left; margin-bottom:13px;position:relative;}
.patemplatebox_h{ line-height:47px; height:47px;}
.patemplatebox_h1{ line-height:53px; height:53px;background:#272727; border-bottom:4px solid #ff8402;}
.patemplatebox_h1 .patemplatebox_title{padding:0; margin:0; font-size:18px; height:53px; line-height:53px;  text-transform:uppercase;
                                       font-weight:bold; color:#fff; float:left;  font-weight:bold;overflow:hidden }

.desc i{ display:block; width:60px; height:60px; float:left; margin-right:10px; background:#ff8402 url(images/bkg-icon-title-description.png) no-repeat;}

.template_terms .patemplatebox:nth-child(1){ width:49%}
.template_terms .patemplatebox:nth-child(1) i{ display:block; width:60px; height:60px; float:left; margin-right:10px; background:#ff8402 url(images/bkg-icon-title-payment.png) no-repeat;}
.template_terms .patemplatebox:nth-child(2){ width:49%; float:right;}
.template_terms .patemplatebox:nth-child(2) i{ display:block; width:60px; height:60px; float:left; margin-right:10px; background:#ff8402 url(images/bkg-icon-title-shipping.png) no-repeat;}
.template_terms .patemplatebox:nth-child(3){ width:49%}
.template_terms .patemplatebox:nth-child(3) i{ display:block; width:60px; height:60px; float:left; margin-right:10px; background:#ff8402 url(images/bkg-icon-title-specifications.png) no-repeat;}
.template_terms .patemplatebox:nth-child(4){ width:49%;float:right;}
.template_terms .patemplatebox:nth-child(4) i{ display:block; width:60px; height:60px; float:left; margin-right:10px; background:#ff8402 url(images/aboutus.png) no-repeat;}
.template_terms .patemplatebox:nth-child(5){}
.template_terms .patemplatebox:nth-child(5) i{ display:block; width:60px; height:60px; float:left; margin-right:10px; background:#ff8402 url(images/contactus.png) no-repeat;}
.template_terms .patemplatebox_bodynone{ padding-top:15px;}
.template_terms .patemplatebox_bodynone p{ display:block; min-height:50px;}
.template_terms .patemplatebox_bodynone img{ width:100%}



.patemplatebox_h2{ height:35px; background:url(images/head_bg2.png) top left repeat-x;line-height:35px; }

.patemplatebox_h2 .patemplatebox_title{padding:0; margin:0; font-size:13px; height:35px; font-weight:bold; color:#fff; float:left; padding-left:35px; font-weight:bold;overflow:hidden }
.patemplatebox_h3{ line-height:53px; height:53px;background:#fff; }
.patemplatebox_h3 .patemplatebox_title{padding:0; margin:0; font-size:18px; height:58px; line-height:58px;  text-transform:uppercase;
                                       font-weight:bold; color:#333; float:left;  font-weight:bold;overflow:hidden }
.patemplatebox_h3 .patemplatebox_title:nth-child(1) i{ display:block; width:50px; height:60px; float:left; margin-right:10px; background:url(images/youmay.png) no-repeat;}



.patemplatebox_body {width:100%;height:100%;float:left; }
.patemplatebox_bodyin{height:100%;font-size:13px;padding-top:10px;overflow:hidden;text-align:left;border-top:none; background:#fff;}
.patemplatebox_bodynone{height:100%; font-size:13px;overflow:hidden; text-align:left;border-top:none;background:#fff; }
.patemplatebox_bodyin1{height:100%;font-size:13px;padding:10px;overflow:hidden;text-align:left; background:#fff;}
.patemplatebox_bodyin2{height:100%;font-size:13px;padding:10px;overflow:hidden;text-align:left;border:1px solid #ccc;}

.catrgory_bg{ background:url(images/catrgory_bg.png) no-repeat; height:39px; width:100%;}
.description_bg{ background:url(images/description_bg.png) no-repeat; height:39px; width:100%;}
.featureitems_bg{ background:url(images/featureitems_bg.png) no-repeat; height:39px; width:100%;}
.newsletter_bg{ background:#fff url(images/newsletter_bg.png) no-repeat; height:39px; width:100%;}

.storenewsletter{ width:100%; float:left; margin-bottom:13px; background:url(images/newsletter_bg.png) repeat-x; padding-bottom:13px;}
.storenewsletter p{ padding:0 10px;color:#fff;}
 a.contact_button { text-decoration:none;width:180px; height:25px; display:block; line-height:25px; margin:0 auto; background:#fff; text-align:center; color:#333; text-transform:uppercase}
 a.contact_button:hover{background:#eee;  } 

/*picture box*/
.patemplate_picture_l{ float:left; width:50%;}
.patemplate_picture_r{ float:right; width:49%;}

.template_picbody{width:100%;height:100%;float:left; }
.template_picbodyin{height:100%;font-size:13px;overflow:hidden; text-align:left;background:#fff;}
.template_title{ width:100%; float:left;font-size:16px;color:#666; font-weight:bold; padding-bottom:10px;}



.template_icons{ width:100%; float:left; height:80px; margin-bottom:10px;border:1px solid #ccc;border-radius:4px; background:url(images/icons.png) no-repeat;}
.template_video{width:100%; float:left; text-align:center;}

.patemplateaus{ border:1px solid #006;border-radius:4px; float:left; background:url(images/aus.jpg) no-repeat; height:80px; width:100%; float:left; margin-bottom:13px;}

.patemplate_table{ width:100%; float:left; border-collapse:collapse}
.patemplate_table td{  padding:5px; border-collapse:collapse}
.patemplate_table tr:nth-child(odd){background:#F4F4F4;}

.patemplate_tablecopare{ width:100%; float:left; text-align:center; margin-top:10px;}

.newsletter_button{ width:100px; height:26px; display:block; line-height:26px; text-align:center; font-size:12px; text-decoration:none; background:#f21c1c;color:#fff;border:1px solid #f21c1c;border-radius:4px;}

.template_termtitle span{ display:block;}
.mobile_template .selected span{ cursor:pointer; float:right; margin:8px; width:19px; height:19px; background:url(images/showhide_bg.png) 0 -8px no-repeat;}
.mobile_template .select span{ cursor:pointer;float:right; margin:8px; width:19px; height:19px; background:url(images/showhide_bg.png) 0 -38px no-repeat;}



.template_gallery_message{ padding:10px; background:#f1f1f1;border-radius:5px;}

/* -------------------------------------- template setting --------------------------------------------- */ 




.patemplatebox_body2 {width:100%;height:100%;float:left; }
.patemplatebox_bodyin2{height:100%;font-size:13px;padding:10px; overflow:hidden;text-align:left; background:#fff;}

.patemplatebox_body_contentin{ background:#fff url() top repeat;}


.mobile_template .template_desbody{ background:#fff; margin-bottom:10px;padding:10px;}


.ebaytemplate_termtitle{border:1px solid #8d0e12;background:url(images/navbg.png) repeat-x;line-height:34px; margin:0;height:34px;border-top-left-radius:4px;border-top-right-radius:4px;}
.ebaytemplate_termtitle b{ margin-left:10px;color:#fff;text-transform:Uppercase ;}

#template_footer{vertical-align:top;  width:100%; height:304px;}
#template_footer{vertical-align:top;  width:100%; height:304px;}

.template_desc .patemplatebox_product_title{ width:100%; float:left; line-height:30px; font-size:16px; margin-top:5px; margin-bottom:12px; text-align:left;}
.template_desc .patemplatebox_product_title span{ font-weight:bold;color:#333;}


.main-bottom-container{ display: inline-block; width: 100%;  padding-bottom:20px;}
.main-bottom-container .footer_content_1{ width:20%; float:left; text-align:left;}
.main-bottom-container h2{ text-align:left; text-transform:uppercase;border-bottom:2px solid #fdb700; font-size:16px; display:inline; float:left;}
.main-bottom-container ul, .main-bottom-container ul li{ padding:0; margin:0; list-style-type:none; text-align:left;text-transform:uppercase;}
.main-bottom-container ul{ width:100%; float:left;}
.main-bottom-container ul li{ line-height:23px;}
.main-bottom-container ul li a{ color:#333;font-size:12px; text-decoration:none;}
.main-bottom-container ul li a:hover{ text-decoration:underline}

.main-bottom-container .footer_content_2{ width:25%; float:left;}
.main-bottom-container .footer_content_3{ width:25%; float:left;}
.main-bottom-container .footer_content_4{ width:30%; float:left; text-align:left;}
.main-bottom-content{ display: inline-block; width: 100%; }
.main-bottom-container a{ display: inline-block; }
.main-bottom-container a.main-bottom1{ display: inline-block; padding: 6px 50px 6px 0; border-right: 1px solid #cccccc; }
.main-bottom-container a.main-bottom2, 
.main-bottom-container a.main-bottom3, 
.main-bottom-container a.main-bottom4{ display: inline-block; margin-top: 20px; padding-left: 34px; min-height: 40px; }
.main-bottom-container a.main-bottom2{ background: url("images/icon-newsletter.png") no-repeat left center; }
.main-bottom-container a.main-bottom3{ background: url("images/icon-favourite.png") no-repeat left center;}
.main-bottom-container a.main-bottom4{ background: url("images/icon-msg-support.png") no-repeat left center; }
.main-bottom-container a span{ width: 100%; display: inline-block; color: #333; text-transform: uppercase; line-height: 18px; }
.main-bottom-container a span.bottom{ font-size: 18px; font-weight: 700; }

.main-bottom2 .top:after{content:"SIGN UP OUR"}
.main-bottom2 .bottom:after{content:"NEWSLETTER"}
.main-bottom3 .top:after{content:"ADD US AS YOUR"}
.main-bottom3 .bottom:after{content:"FAVOURITE SELLER"}
.main-bottom4 .top:after{content:"Send US A MESSAGE FOR SUPPORT"}
.main-bottom4 .bottom:after{content:"SPARESZONE Team"}

.footer-top{ display: inline-block; width: 100%; height:138px; background:url(images/bottom_s.png) center right no-repeat; }

.footer-bottom{  width: 100%; float:left; height:75px; line-height:75px; }
.footer-bottom-left { float: left;}
.footer-bottom-left ul, .footer-bottom-left ul li{ margin:0; padding:0;}
.footer-bottom-left ul li { float: left; display: inline; margin-right: 21px; }
.footer-bottom-left ul li  a:hover{ color: #ff8402; }
.footer-bottom-left ul li  a{ color: #FFF; font-weight: 700; text-transform: uppercase;font-size:14px; text-decoration:none; }
.footer-bottom-right { float: right; margin: 0; font-size: 12px; color: #fff;text-align: right;}
.footer-bottom-right:after {content:"© Copyright 2016 schwarzspare. All right reserved."}

.template_desbody{ font-family:Arial; font-size:13px;}
.template_desbody ol{ margin-left:0; padding-left:20px;}

.template_desbody ul, .template_desbody ul li{ padding:0; margin:0; list-style-type:disc;}
.template_desbody li{ line-height:23px;}
.template_desbody ul li{ line-height:23px; margin-left:15px;}


.patemplateheader_title{ width:100%; float:left; background:#f00; height:30px; line-height:30px; color:#fff;}
.patemplateheader_title span{ margin-left:10px}

#storecategorypicture .patemplateheader_title{ margin-bottom:10px;}



.template_desbody{ font-family:Arial; font-size:13px;}
.template_desbody ol{ margin-left:0; padding-left:20px;}

.template_desbody ul, .template_desbody ul li{ padding:0; margin:0; list-style-type:disc;}
.template_desbody li{ line-height:23px;}
.template_desbody ul li{ line-height:23px; margin-left:15px;}


/*picture common*/
.pictureslider {width: 100%;position: relative;margin: 0 auto;}

.pictureslider > img { transition: all 0.5s;}
.pictureslider label {display:block; float:left; transition: all 0.5s;opacity: 0.6;  margin-bottom:10px; cursor:pointer;display:table-cell;vertical-align:middle; border-radius:2px; background:#fff;}

#preview_id1:checked ~  #preview_img_1,
#preview_id2:checked ~  #preview_img_2,
#preview_id3:checked ~  #preview_img_3,
#preview_id4:checked ~  #preview_img_4,
#preview_id5:checked ~  #preview_img_5,
#preview_id6:checked ~  #preview_img_6,
#preview_id7:checked ~  #preview_img_7,
#preview_id8:checked ~  #preview_img_8,
#preview_id9:checked ~  #preview_img_9,
#preview_id10:checked ~  #preview_img_10,
#preview_id11:checked ~  #preview_img_11,
#preview_id12:checked ~  #preview_img_12 {display: block;}
.pictureslider .picturesmall label{border:1px solid #ccc;}
.pictureslider #preview_id1:checked ~ .picturesmall #small_label1, 
.pictureslider #preview_id2:checked ~ .picturesmall #small_label2, 
.pictureslider #preview_id3:checked ~ .picturesmall #small_label3, 
.pictureslider #preview_id4:checked ~ .picturesmall #small_label4, 
.pictureslider #preview_id5:checked ~ .picturesmall #small_label5, 
.pictureslider #preview_id6:checked ~ .picturesmall #small_label6, 
.pictureslider #preview_id7:checked ~ .picturesmall #small_label7, 
.pictureslider #preview_id8:checked ~ .picturesmall #small_label8, 
.pictureslider #preview_id9:checked ~ .picturesmall #small_label9, 
.pictureslider #preview_id10:checked ~ .picturesmall #small_label10, 
.pictureslider #preview_id11:checked ~ .picturesmall #small_label11, 
.pictureslider #preview_id12:checked ~ .picturesmall #small_label12 { opacity: 1;border:1px solid #333;border-radius:2px; background:#fff;}

.big_preview_img{  display:none}
.pictureslider input {display: none;}

.pictureslider label img { display: block;width:100%;  float:left; vertical-align:middle }
.pictureslider label:hover {color: #fff;background:#666; cursor:pointer;}
.pictureslider input:checked + label { border-color: #666; opacity: 1;border:1px solid #333;border-radius:2px; background:#fff;}
.pictureslider input:checked ~ img { opacity: 1; transform: scale(1);}
.pictureslider input:checked + label + img {opacity: 1; transform: scale(1); }

/*picture layout1*/

/*css section how many picture*/
.pictureslider.layout1 > input:nth-of-type(1) ~ .picturesmall{width:10%; float:right;}
.pictureslider.layout1 > input:nth-of-type(7) ~ .picturesmall{width:20%; float:right;}
.pictureslider.layout1 > input:nth-of-type(13) ~ .picturesmall{width:20%; float:right;}

.pictureslider.layout1 > input:nth-of-type(1) ~ .picturesmall  label{width:99%;margin-right:1%; }
.pictureslider.layout1 > input:nth-of-type(7) ~ .picturesmall  label{width:43%; margin-left:4%;}
.pictureslider.layout1 > input:nth-of-type(13) ~ .picturesmall label{width:42%; margin-left:4%;}

.pictureslider.layout1 > input:nth-of-type(1) ~ .big_preview_img{width:88%;}
.pictureslider.layout1 > input:nth-of-type(7) ~ .big_preview_img{width:79%;}
.pictureslider.layout1 > input:nth-of-type(13) ~ .big_preview_img{width:78%;}


/*picture layout2*/

/*css section how many picture*/
.pictureslider.layout2 > input:nth-of-type(1) ~ .picturesmall{width:10%; float:left;}
.pictureslider.layout2 > input:nth-of-type(7) ~ .picturesmall{width:20%; float:left;}
.pictureslider.layout2 > input:nth-of-type(13) ~ .picturesmall{width:20%; float:left;}

.pictureslider.layout2 > input:nth-of-type(1) ~ .picturesmall  label{width:99%;margin-right:1%; }
.pictureslider.layout2 > input:nth-of-type(7) ~ .picturesmall  label{width:43%; margin-left:4%;}
.pictureslider.layout2 > input:nth-of-type(13) ~ .picturesmall label{width:42%; margin-left:4%;}

.pictureslider.layout2 > input:nth-of-type(1) ~ .big_preview_img{width:88%;}
.pictureslider.layout2 > input:nth-of-type(7) ~ .big_preview_img{width:79%;}
.pictureslider.layout2 > input:nth-of-type(13) ~ .big_preview_img{width:78%;}


/*picture layout3*/

/*css section how many picture*/
.pictureslider.layout3 > input:nth-of-type(1) ~ .picturesmall{width:100%; float:left;}
.pictureslider.layout3 > input:nth-of-type(7) ~ .picturesmall{width:100%; float:left;}
.pictureslider.layout3 > input:nth-of-type(13) ~ .picturesmall{width:100%; float:left;}

.pictureslider.layout3 > input:nth-of-type(1) ~ .picturesmall  label{width:10%;margin-right:1%; }
.pictureslider.layout3 > input:nth-of-type(7) ~ .picturesmall  label{width:10%; margin-left:1%;}
.pictureslider.layout3 > input:nth-of-type(13) ~ .picturesmall label{width:10%; margin-left:1%;}

.pictureslider.layout3 > input:nth-of-type(1) ~ .big_preview_img{width:100%;}
.pictureslider.layout3 > input:nth-of-type(7) ~ .big_preview_img{width:100%;}
.pictureslider.layout3 > input:nth-of-type(13) ~ .big_preview_img{width:100%;}


/*picture layout4*/

/*css section how many picture*/
.pictureslider.layout4 > input:nth-of-type(1) ~ .picturesmall{width:100%; float:right;}
.pictureslider.layout4 > input:nth-of-type(7) ~ .picturesmall{width:100%; float:right;}
.pictureslider.layout4 > input:nth-of-type(13) ~ .picturesmall{width:100%; float:right;}

.pictureslider.layout4 > input:nth-of-type(1) ~ .picturesmall  label{width:10%;margin-right:1%; }
.pictureslider.layout4 > input:nth-of-type(7) ~ .picturesmall  label{width:10%; margin-left:1%;}
.pictureslider.layout4 > input:nth-of-type(13) ~ .picturesmall label{width:10%; margin-left:1%;}

.pictureslider.layout4 > input:nth-of-type(1) ~ .big_preview_img{width:100%; float:left;}
.pictureslider.layout4 > input:nth-of-type(7) ~ .big_preview_img{width:100%;float:left;}
.pictureslider.layout4 > input:nth-of-type(13) ~ .big_preview_img{width:100%;float:left;}


/*picture layout5*/

/*css section how many picture*/
.pictureslider.layout5 > .picturesmall{  display:none;}
.pictureslider.layout5 > .big_preview_img{width:48%; margin-left:1%; float:left; display:block;}


/*picture layout6*/

/*css section how many picture*/
.pictureslider.layout6 > .picturesmall{  display:none;}
.pictureslider.layout6 > .big_preview_img{width:100%; float:left; display:block;}


#template_middle_cp ul, #template_middle_cp ul li{ padding:0; margin:0;}
#template_middle_cp ul{font-size: 10pt;height: 100%;overflow: hidden;position: relative;vertical-align: top;width:180px; margin:0 5px;  text-align:center;text-decoration:none }
#template_middle_cp ul .promotion_img{ display:block; text-align:center; max-height:142px; width:100%;   margin:0 auto;}
#template_middle_cp ul .promotion_img img{border:0; vertical-align:middle; margin-bottom:10px;}
#template_middle_cp  ul li  .promotion_title{padding:0 4px;text-align:center; height:42px;  width:100%; overflow:hidden; white-space:pre-wrap; font-size:12px;}
#template_middle_cp  ul li  .promotion_title p{line-height:14px; padding:0; margin:0; vertical-align:middle; font-size:12px;font-weight:normal;white-space:pre-wrap;}
#template_middle_cp  ul li  .promotion_price{width:100%; margin:3px auto 5px auto; font-size:14px; font-weight:bold;color:#f60; height:22px; line-height:22px;text-align:center;}
#template_middle_cp a:first-child {display: block;}
#template_middle_cp a:first-child ~ * { display: none;}
#template_middle_cp a > img { border: 0; display: inline-block; -webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;vertical-align: middle; }
#template_middle_cp a{text-decoration:none}

@media (min-width: 240px) and (max-width: 479px){
    #template_footer{ display:none}
    .store_background{ background:none;}
     .template_header{ height:80px; background:none;}
    #ebaytemplate{background:#fff url(images/top_bg2.png) 0 90px repeat-x; width:100%; float:left;}
    .brandslider{ display:none;}

    .template_terms .patemplatebox:nth-child(1), 
    .template_terms .patemplatebox:nth-child(2), 
    .template_terms .patemplatebox:nth-child(3), 
    .template_terms .patemplatebox:nth-child(4){ width:100%;}
    .template_terms .patemplatebox_bodynone p{ display:block; min-height:10px; padding-bottom:0; margin-bottom:0;}

    .template_terms .patemplatebox .patemplatebox_title{ font-size:14px;}
     .template_picdes{ width:100%; float:left; background:#fff;}

    .template_pic{ width:100%; float:left;}
    .template_desc{ width:100%; float:right}
    .template_terms_contentin{ display:none}
    .patemplate_desc_cnt{ margin-bottom:13px;}

    .template_center{ width:100%;padding:0;}
    .template_content{width:100%;padding:0; padding-top:13px; }
    .template_header_nav{ display:none;}
    .template_head_right{ display:none;}
     .footer_head, .footer_content{ display:none}

    .template_header{ background:none;}
    .template_header_nav_search{ display:none}

    .patemplatebox_bodyin1{padding:0;border:none; background:#fff;}

    .patemplatebox_bodyin img{width:100%}

     .template_header_logo{ width:160px; max-width:160px; margin:0 auto; position:absolute; left:50%; margin-left:-80px;margin-top:10px;}
    .template_header_logo img{ width:100%; margin:0 auto; }

    #mobile_promotion_bottom{ width:100%; float:left; display:block}
    #mobile_promotion_bottom ul{ padding:0; margin:0;}
    #mobile_promotion_bottom li{line-height:25px; text-align:left;width:49%; margin-left:1%; height:200px; list-style-type:none;  text-align:center; float:left;  font-family:Arial}
    #mobile_promotion_bottom li .promotion_img{ display:block; text-align:center; height:122px; width:118px;background:url(images/saleitem_bg.png) center no-repeat;  margin:0 auto;}
    #mobile_promotion_bottom li .promotion_img img{border:0; vertical-align:middle;width:112px; max-height:116px; margin:2px;}
    #mobile_promotion_bottom li .promotion_title{padding:0 4px;text-align:center; height:42px; overflow:hidden; line-height:14px; padding:0; margin:0; vertical-align:middle; font-size:12px;font-weight:normal;}
    #mobile_promotion_bottom li a{ color:#000; font-size:11px; text-decoration:none; font-weight:normal; }
    #mobile_promotion_bottom li a:hover{ color:#000; text-decoration:underline}
    #mobile_promotion_bottom li .promotion_price{width:100%; margin:3px auto 5px auto; font-size:14px; font-weight:bold;color:#f60; height:22px; line-height:22px;text-align:center;}
   
    .template_bgin { background:none; padding:0 10px;}
    .patemplate_picture_l{ float:left; width:100%;}
    .patemplate_picture_r{ float:right; width:100%;}


    .template_terms_contentin_t{ display:block; width:100%; float:left; height:35px; line-height:35px;color:#fff; position:relative;}
    .template_terms_contentin_t span{ margin-left:10px;}
   
    .pictureslider > img { transition: all 0.5s;width:100%;}
    .big_preview_img{  display:none}
    .pictureslider input {display: none;}
    .pictureslider label {display:block; width:18%; float:left; transition: all 0.5s;opacity: 0.6; margin-right:1%; margin-bottom:10px; cursor:pointer;display:table-cell;vertical-align:middle; border:1px solid #ccc;border-radius:2px; background:#fff;}
   

    .pictureslider label img { display: block;width:100%;  float:left; vertical-align:middle }
    .pictureslider label:hover {color: #fff;background:#666; cursor:pointer;}
    .pictureslider input:checked + label { border-color: #666; opacity: 1;border:1px solid #333;border-radius:2px; background:#fff;}
    .pictureslider input:checked ~ img { opacity: 1; transform: scale(1);}
    .pictureslider input:checked + label + img {opacity: 1; transform: scale(1); }

    #preview_id1:checked ~  #preview_img_1,
    #preview_id2:checked ~  #preview_img_2,
    #preview_id3:checked ~  #preview_img_3,
    #preview_id4:checked ~  #preview_img_4,
    #preview_id5:checked ~  #preview_img_5,
    #preview_id6:checked ~  #preview_img_6,
    #preview_id7:checked ~  #preview_img_7,
    #preview_id8:checked ~  #preview_img_8,
    #preview_id9:checked ~  #preview_img_9,
    #preview_id10:checked ~  #preview_img_10,
    #preview_id11:checked ~  #preview_img_11,
    #preview_id12:checked ~  #preview_img_12 {display: block;}
    .pictureslider .picturesmall label{border:1px solid #ccc;}
    .pictureslider #preview_id1:checked ~ .picturesmall #small_label1, 
    .pictureslider #preview_id2:checked ~ .picturesmall #small_label2, 
    .pictureslider #preview_id3:checked ~ .picturesmall #small_label3, 
    .pictureslider #preview_id4:checked ~ .picturesmall #small_label4, 
    .pictureslider #preview_id5:checked ~ .picturesmall #small_label5, 
    .pictureslider #preview_id6:checked ~ .picturesmall #small_label6, 
    .pictureslider #preview_id7:checked ~ .picturesmall #small_label7, 
    .pictureslider #preview_id8:checked ~ .picturesmall #small_label8, 
    .pictureslider #preview_id9:checked ~ .picturesmall #small_label9, 
    .pictureslider #preview_id10:checked ~ .picturesmall #small_label10, 
    .pictureslider #preview_id11:checked ~ .picturesmall #small_label11, 
    .pictureslider #preview_id12:checked ~ .picturesmall #small_label12 { opacity: 1;border:1px solid #333;border-radius:2px; background:#fff;}

}

@media (min-width: 480px) and (max-width: 797px) {
    #template_footer{ display:none}
    .store_background{ background:none;}
    .template_header{ height:150px; background:none;}
    #ebaytemplate{background:#fff url(images/top_bg2.png) 0 158px repeat-x; width:100%; float:left;}
    .brandslider{ display:none;}
    .patemplate_desc_cnt{ margin-bottom:13px;}
    .template_terms .patemplatebox:nth-child(1), 
    .template_terms .patemplatebox:nth-child(2), 
    .template_terms .patemplatebox:nth-child(3), 
    .template_terms .patemplatebox:nth-child(4){ width:100%;}
    .template_terms .patemplatebox_bodynone p{ display:block; min-height:10px; padding-bottom:0; margin-bottom:0;}

    .template_picdes{ width:100%; float:left; background:#fff;}
    .template_pic{ width:100%; float:left;}
    .template_desc{ width:100%; float:right}
 
    .template_header_logo{ width:280px; max-width:280px; margin:0 auto; position:absolute; left:50%; margin-left:-140px;margin-top:15px;}
    .template_header_logo img{ max-width:280px; margin:0 auto; }
    .template_content_left{ display:none;}
    .template_content_right{ margin-left:0; }
     .template_center{ width:100%;padding:0;}
    .template_content{width:100%;padding:0; padding-top:13px; }
    .template_head_right{ display:none;}
    .template_header_nav{ display:none;}
   
     .footer_head, .footer_content{ display:none}

    .template_desbody img.fbimg{width:100%}

    .brandslider{ display:none}
    .template_header_nav_search{ display:none}

    .templatebox_tabmenu2 .tabselect a, 
    .templatebox_tabmenu2 .tabselected a{ width:80px}
 
    .patemplatebox_terms{border:1px solid #ccc; width:100%; float:left; background:url(images/terms_bg.jpg)  bottom repeat-x;}
    .patemplatebox_terms_list{ float:left; width:31%; margin:0 1%;border:none;}
    .patemplatebox_terms_list .patemplatebox_terms_cnt{ margin-left:10px; margin-right:10px;}
    .template_bgin { background:none; padding:0 10px;}

    .patemplate_picture_l{ float:left; width:100%;}
    .patemplate_picture_r{ float:right; width:100%;}

    .pagedImages {  width: 480px; }
    .pagedImages > ul > li { width:140px;}
    .pagedImages > ul > li:first-child{display:none}
    .pagedImages > ul > li:last-child{display:none}

    #tab1:checked ~ #content1 .template_terms_contentin_t,
    #tab2:checked ~ #content2 .template_terms_contentin_t,
    #tab3:checked ~ #content3 .template_terms_contentin_t,
    #tab4:checked ~ #content4 .template_terms_contentin_t,
    #tab5:checked ~ #content5 .template_terms_contentin_t{ display:none;}

    .pictureslider > img { transition: all 0.5s;width:100%;}
    .big_preview_img{  display:none}
    .pictureslider input {display: none;}
    .pictureslider label {display:block; width:12%; float:left; transition: all 0.5s;opacity: 0.6; margin-right:1%; margin-bottom:10px; cursor:pointer;display:table-cell;vertical-align:middle; border:1px solid #ccc;border-radius:2px; background:#fff;}
   

    .pictureslider label img { display: block;width:100%;  float:left; vertical-align:middle }
    .pictureslider label:hover {color: #fff;background:#666; cursor:pointer;}
    .pictureslider input:checked + label { border-color: #666; opacity: 1;border:1px solid #333;border-radius:2px; background:#fff;}
    .pictureslider input:checked ~ img { opacity: 1; transform: scale(1);}
    .pictureslider input:checked + label + img {opacity: 1; transform: scale(1); }

    #preview_id1:checked ~  #preview_img_1,
    #preview_id2:checked ~  #preview_img_2,
    #preview_id3:checked ~  #preview_img_3,
    #preview_id4:checked ~  #preview_img_4,
    #preview_id5:checked ~  #preview_img_5,
    #preview_id6:checked ~  #preview_img_6,
    #preview_id7:checked ~  #preview_img_7,
    #preview_id8:checked ~  #preview_img_8,
    #preview_id9:checked ~  #preview_img_9,
    #preview_id10:checked ~  #preview_img_10,
    #preview_id11:checked ~  #preview_img_11,
    #preview_id12:checked ~  #preview_img_12 {display: block;}
    .pictureslider .picturesmall label{border:1px solid #ccc;}
    .pictureslider #preview_id1:checked ~ .picturesmall #small_label1, 
    .pictureslider #preview_id2:checked ~ .picturesmall #small_label2, 
    .pictureslider #preview_id3:checked ~ .picturesmall #small_label3, 
    .pictureslider #preview_id4:checked ~ .picturesmall #small_label4, 
    .pictureslider #preview_id5:checked ~ .picturesmall #small_label5, 
    .pictureslider #preview_id6:checked ~ .picturesmall #small_label6, 
    .pictureslider #preview_id7:checked ~ .picturesmall #small_label7, 
    .pictureslider #preview_id8:checked ~ .picturesmall #small_label8, 
    .pictureslider #preview_id9:checked ~ .picturesmall #small_label9, 
    .pictureslider #preview_id10:checked ~ .picturesmall #small_label10, 
    .pictureslider #preview_id11:checked ~ .picturesmall #small_label11, 
    .pictureslider #preview_id12:checked ~ .picturesmall #small_label12 { opacity: 1;border:1px solid #333;border-radius:2px; background:#fff;}

     #mobile_promotion_bottom{ width:100%; float:left; display:block}
    #mobile_promotion_bottom ul{ padding:0; margin:0;}
    #mobile_promotion_bottom li{line-height:25px; text-align:left;width:32%; margin-left:1%; height:210px; list-style-type:none;  text-align:center; float:left;  font-family:Arial}
    #mobile_promotion_bottom li .promotion_img{ display:block; text-align:center; height:126px; width:128px;background:url(images/saleitem_bg.png) center no-repeat;  margin:0 auto;}
    #mobile_promotion_bottom li .promotion_img img{border:0; vertical-align:middle;width:112px; max-height:116px; margin:2px;}
    #mobile_promotion_bottom li .promotion_title{padding:0 4px;text-align:center; height:42px; overflow:hidden; line-height:14px; padding:0; margin:0; vertical-align:middle; font-size:12px;font-weight:normal;}
    #mobile_promotion_bottom li a{ color:#000; font-size:11px; text-decoration:none; font-weight:normal; }
    #mobile_promotion_bottom li a:hover{ color:#000; text-decoration:underline}
    #mobile_promotion_bottom li .promotion_price{width:100%; margin:3px auto 5px auto; font-size:14px; font-weight:bold;color:#f60; height:22px; line-height:22px;text-align:center;}
   
}                                                  
@media (min-width: 797px) and (max-width: 1100px){
    .main-bottom4 .bottom{ font-size:14px!important;}
    .store_background{ background:none;}
    .template_picdes{ width:100%; float:left; background:#fff;}
    .template_pic{ width:50%; float:left;}
    .template_desc{ width:48%; float:right}
    
    .template_content_left{ display:none;} 
    .template_content_right{ margin-left:0;}
    #mobile_promotion_bottom{display:none;}

    .template_center{ width:100%}
    .template_content{width:100%; padding:0; padding-top:20px;}

  
    .templatebox_tabmenu2 .tabselect a, 
    .templatebox_tabmenu2 .tabselected a{ width:100px}
   
    .template_head_right{ width:393px; float:right; height:100px;  position:relative; display:block; text-align:right;margin-right:10px;background:url(images/top_right2.png) 0 30px no-repeat; }

    .brandslider{ display:none}
    .template_header_nav_search{ display:none}

    .template_header_nav ul li a{min-width:80px; padding:0 5px; }

    .patemplatebox_terms{border:1px solid #ccc; width:100%; float:left; background:url(images/terms_bg.jpg) bottom repeat-x;}
    .patemplatebox_terms_list{ float:left; width:31%; margin:0 1%;border:none;}
    .patemplatebox_terms_list .patemplatebox_terms_cnt{ margin-left:10px; margin-right:10px;}
    .template_bgin { background:none; padding:0 10px;}


.template_header_nav ul li.addto{ float:right;margin:16px 10px 0 0 ; }
.template_header_nav ul li.addto a{ width:120px; overflow:hidden; padding:0 5px; border-radius:20px;background:url(images/addto_bg.png) repeat-x; color:#333;text-transform:uppercase; font-weight:bold; height:28px; line-height:28px; font-size:13px; padding-left:0; }
.template_header_nav ul li.addto a i{ display:block; float:left; width:23px; height:23px; margin-top:3px; margin-left:3px; background:url(images/icons.png) 0 -244px no-repeat;}
.template_header_nav ul li.addto a:hover{ background:#FCA827;}


.pagedImages {  width: 700px; }
.pagedImages > ul > li { width:140px;}
.pagedImages > ul > li:last-child{display:none}
.template_terms_contentin_t.label{ display:none;}

#tab1:checked ~ #content1 .template_terms_contentin_t,
#tab2:checked ~ #content2 .template_terms_contentin_t,
#tab3:checked ~ #content3 .template_terms_contentin_t,
#tab4:checked ~ #content4 .template_terms_contentin_t,
#tab5:checked ~ #content5 .template_terms_contentin_t{ display:none;}

    .pictureslider > img { transition: all 0.5s;width:100%;}

    .picturesmall{ width:100%; float:right;}
    .big_preview_img{  display:none; margin-bottom:10px;}
    .pictureslider input {display: none;}
    .pictureslider label {display:block; width:15%; float:left; margin-right:1%; transition: all 0.5s;opacity: 0.6;  margin-bottom:10px; cursor:pointer;display:table-cell;vertical-align:middle; border-radius:2px; background:#fff;}


    .pictureslider label img { display: block;width:100%;  float:left; vertical-align:middle }
    .pictureslider label:hover {color: #fff;background:#666; cursor:pointer;}
    .pictureslider .picturesmall label{border:1px solid #ccc;}
    .pictureslider #preview_id1:checked ~ .picturesmall #small_label1, 
    .pictureslider #preview_id2:checked ~ .picturesmall #small_label2, 
    .pictureslider #preview_id3:checked ~ .picturesmall #small_label3, 
    .pictureslider #preview_id4:checked ~ .picturesmall #small_label4, 
    .pictureslider #preview_id5:checked ~ .picturesmall #small_label5, 
    .pictureslider #preview_id6:checked ~ .picturesmall #small_label6, 
    .pictureslider #preview_id7:checked ~ .picturesmall #small_label7, 
    .pictureslider #preview_id8:checked ~ .picturesmall #small_label8, 
    .pictureslider #preview_id9:checked ~ .picturesmall #small_label9, 
    .pictureslider #preview_id10:checked ~ .picturesmall #small_label10, 
    .pictureslider #preview_id11:checked ~ .picturesmall #small_label11, 
    .pictureslider #preview_id12:checked ~ .picturesmall #small_label12 { opacity: 1;border:1px solid #333;border-radius:2px; background:#fff;}

    .pictureslider input:checked ~ img { opacity: 1; transform: scale(1);}
    .pictureslider input:checked + label + img {opacity: 1; transform: scale(1); }

    #preview_id1:checked ~  #preview_img_1,
    #preview_id2:checked ~  #preview_img_2,
    #preview_id3:checked ~  #preview_img_3,
    #preview_id4:checked ~  #preview_img_4,
    #preview_id5:checked ~  #preview_img_5,
    #preview_id6:checked ~  #preview_img_6,
    #preview_id7:checked ~  #preview_img_7,
    #preview_id8:checked ~  #preview_img_8,
    #preview_id9:checked ~  #preview_img_9,
    #preview_id10:checked ~  #preview_img_10,
    #preview_id11:checked ~  #preview_img_11,
    #preview_id12:checked ~  #preview_img_12 {display: block;}

      #mobile_promotion_bottom{ width:100%; float:left; display:block}
    #mobile_promotion_bottom ul{ padding:0; margin:0;}
    #mobile_promotion_bottom li{line-height:25px; text-align:left;width:32%; margin-left:1%; height:230px; list-style-type:none;  text-align:center; float:left;  font-family:Arial}
    #mobile_promotion_bottom li .promotion_img{ display:block; text-align:center; height:150px; width:142px; margin:0 auto;}
    #mobile_promotion_bottom li .promotion_img img{border:0; vertical-align:middle;width:142px; max-height:142px; margin:2px;}
    #mobile_promotion_bottom li .promotion_title{padding:0 4px;text-align:center; height:42px; overflow:hidden; line-height:14px; padding:0; margin:0; vertical-align:middle; font-size:12px;font-weight:normal;}
    #mobile_promotion_bottom li a{ color:#000; font-size:11px; text-decoration:none; font-weight:normal; }
    #mobile_promotion_bottom li a:hover{ color:#000; text-decoration:underline}
    #mobile_promotion_bottom li .promotion_price{width:100%; margin:3px auto 5px auto; font-size:14px; font-weight:bold;color:#f60; height:22px; line-height:22px;text-align:center;}
   

}
@media (min-width: 1100px){

    .template_picdes{ width:100%; float:left; background:#fff;}
.template_pic{ width:50%; float:left;}
.template_desc{ width:48%; float:right}
    #mobile_promotion_bottom{display:none;}
    .patemplatebox_terms{border:1px solid #ccc; width:100%; float:left; background:url(images/terms_bg.jpg)  bottom repeat-x;}
    .patemplatebox_terms_list{ float:left; width:31%; margin:0 1%;border:none;}
    .patemplatebox_terms_list .patemplatebox_terms_cnt{ margin-left:10px; margin-right:10px;}

    .template_terms_content{ display:block;}

    .pictureslider > img { transition: all 0.5s;width:100%;}

    .picturesmall{ width:100%; float:right;}
    .big_preview_img{  display:none; margin-bottom:10px;}
    .pictureslider input {display: none;}
    .pictureslider label {display:block; width:15%; float:left; margin-right:1%; transition: all 0.5s;opacity: 0.6;  margin-bottom:10px; cursor:pointer;display:table-cell;vertical-align:middle; border-radius:2px; background:#fff;}


    .pictureslider label img { display: block;width:100%;  float:left; vertical-align:middle }
    .pictureslider label:hover {color: #fff;background:#666; cursor:pointer;}
    .pictureslider .picturesmall label{border:1px solid #ccc;}
    .pictureslider #preview_id1:checked ~ .picturesmall #small_label1, 
    .pictureslider #preview_id2:checked ~ .picturesmall #small_label2, 
    .pictureslider #preview_id3:checked ~ .picturesmall #small_label3, 
    .pictureslider #preview_id4:checked ~ .picturesmall #small_label4, 
    .pictureslider #preview_id5:checked ~ .picturesmall #small_label5, 
    .pictureslider #preview_id6:checked ~ .picturesmall #small_label6, 
    .pictureslider #preview_id7:checked ~ .picturesmall #small_label7, 
    .pictureslider #preview_id8:checked ~ .picturesmall #small_label8, 
    .pictureslider #preview_id9:checked ~ .picturesmall #small_label9, 
    .pictureslider #preview_id10:checked ~ .picturesmall #small_label10, 
    .pictureslider #preview_id11:checked ~ .picturesmall #small_label11, 
    .pictureslider #preview_id12:checked ~ .picturesmall #small_label12 { opacity: 1;border:1px solid #333;border-radius:2px; background:#fff;}

    .pictureslider input:checked ~ img { opacity: 1; transform: scale(1);}
    .pictureslider input:checked + label + img {opacity: 1; transform: scale(1); }

    #preview_id1:checked ~  #preview_img_1,
    #preview_id2:checked ~  #preview_img_2,
    #preview_id3:checked ~  #preview_img_3,
    #preview_id4:checked ~  #preview_img_4,
    #preview_id5:checked ~  #preview_img_5,
    #preview_id6:checked ~  #preview_img_6,
    #preview_id7:checked ~  #preview_img_7,
    #preview_id8:checked ~  #preview_img_8,
    #preview_id9:checked ~  #preview_img_9,
    #preview_id10:checked ~  #preview_img_10,
    #preview_id11:checked ~  #preview_img_11,
    #preview_id12:checked ~  #preview_img_12 {display: block;}

}
.template_terms_contentin_cin { font-size:13px;}
.template_terms_contentin_cin ul, 
.template_terms_contentin_cin ul li{  list-style-type:none; padding:0; margin:0; list-style-type:none;}
.template_terms_contentin_cin ul{ padding-bottom:10px;}
.template_terms_contentin_cin ul li{  background:url(images/store_category_menu.png) 0px 12px no-repeat; line-height:23px; padding-left:14px; font-size:13px;}
.template_terms_contentin_cin ul.ul1{ padding-bottom:10px;}
.template_terms_contentin_cin ul.ul1 li{  background:url(images/store_category_menu.png) 0 10px no-repeat; line-height:23px; padding-left:14px; font-size:13px;}

.patemplate_links, .patemplate_links li{ padding:0; margin:0; list-style-type:none;}
.patemplate_links li a{ background:url(images/icons1.png) left no-repeat; padding-left:30px; display:block; line-height:30px; text-decoration:none;color:#333;}
.patemplate_links li a:hover{ text-decoration:none; cursor:pointer;color:#f60;}
.patemplate_links li a.visit{ background-position:0 0;}
.patemplate_links li a.view{ background-position:0 -73px;}
.patemplate_links li a.about{ background-position:0 -110px;}
.patemplate_links li a.addto{ background-position:0 -145px;}




.terms_table{border:1px solid #ccc;border-collapse:collapse; font-family:Arial; font-size:12px; width:100%; }
.terms_table th{ background:#eee; padding:5px; text-align:left; border:1px solid #ccc;border-collapse:collapse;}
.terms_table td{ padding:5px; text-align:left; border:1px solid #ccc;border-collapse:collapse;}



p.clicktoenlarge{ width:100%; float:left; text-align:center; padding:0; margin:10px 0; text-transform:uppercase; font-weight:bold; color:#333;}
p.clicktoenlarge:after{ content:"Click to enlarge";}


.template_bottom_banner{ width:100%; float:left; margin-bottom:10px;}
.template_bottom_banner a{ display:block; width:32.6%; float:left; background:#fdb700; margin-right:1%}
.template_bottom_banner a img{ width:100%}
.template_bottom_banner a:last-child{ float:right; margin-right:0;}

@media (min-width: 240px) and (max-width: 479px) {
    .template_bottom_banner a{width:100%; margin-bottom:10px}
}



.leftarrow,.rightarrow{display:none;height:100%;top:0;position:absolute;z-index:5;padding:1%;cursor:pointer;opacity:.4}
.leftarrow:hover,.rightarrow:hover{opacity:.7}
.leftarrow span,.rightarrow span{position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);font-size:35px;color:#333;width:40px;height:40px;display:inline-block;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.5)}
.leftarrow{left:15px;text-align:left}
.leftarrow span:before{content:"<";}
.rightarrow{right:15px;text-align:right}
.rightarrow span:before{content:">";}
.g_image:first-child .leftarrow{display:none}
.rightarrow[data-next-image=""]{display:none}
.g_image .thumbimage li{border:1px solid #ccc;width:76px;height:76px;margin-bottom:5px;transition:opacity .5s;opacity:1;position:relative;cursor:pointer;color:#fff;text-align:center;position:relative;display:block;padding:1px;background:#fff}
.g_image .thumbimage li img{max-width:72px;max-height:72px;width:auto;height:auto;position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}

#gallery [type=radio]:checked~.thumbimage li{border:1px solid #083b56}
#gallery_outer_3{position:relative;clear:both;margin:0 0 20px 0}
.g_image [type=radio]{display:none}
.mainimage{position:absolute;top:0;margin:0;background:rgba(0,0,0,0);overflow:hidden;text-align:center;opacity:0;cursor:pointer;animation-name:lightboxout;animation-duration:.5s}

@keyframes lightbox{from{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}
@keyframes lightboxout{from{transform:scale(1.5)}to{background:rgba(0,0,0,0);transform:scale(1)}}
#gallery [type=radio]:checked~.thumbimage{color:#fff;z-index:1}
#gallery [type=radio]:checked~.mainimage{opacity:1;z-index:2;padding:0}
#gallery_outer_1 .g_image[data=""]{display:none}
#gallery [type=checkbox]:checked~.mainimage{right:0;z-index:100;background:#fff}
#gallery [type=checkbox]:checked~.mainimage img{display:block;margin:0 auto}
.mainimagecb{display:none}

#gallery_outer_3{height:auto;width:100%}

@media (min-width: 480px) and (max-width: 797px) {
    #gallery_outer_3 .mainimage,
   #gallery_outer_3 .mainimage div{height:500px;width:100%}
   #gallery_outer_3 #gallery{height:auto;width:100%;padding-top:500px}
}
@media (min-width: 797px) and (max-width: 979px) {
    #gallery_outer_3 .mainimage,
   #gallery_outer_3 .mainimage div{height:600px;width:100%}
   #gallery_outer_3 #gallery{height:auto;width:100%;padding-top:600px}
}
@media (min-width: 979px) {
    #gallery_outer_3 .mainimage,
    #gallery_outer_3 .mainimage div{height:600px;width:100%}
    #gallery_outer_3 #gallery{height:auto;width:100%;padding-top:600px}
}
#gallery_outer_3 .mainimage{left:0}
#gallery_outer_3 #gallery{box-sizing:border-box;text-align:center}
#gallery_outer_3 .g_image{display:inline-block;height:76px;margin-bottom:5px}
#gallery_outer_3 .g_image .thumbimage{margin:10px 3px}
#gallery_outer_3 .g_image .thumbimage li{margin-right:3px}
#gallery_outer_3 .mainimage img{max-height:100%;max-width:100%;position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}


@media (min-width:601px){
    #gallery_outer_3 #gallery [type=checkbox]:checked~.mainimage{animation-name:lightbox;animation-duration:.5s;padding:0;position:fixed;width:100vw;left:0;right:0;height:100vh;background:rgba(0,0,0,.6)}
    #gallery_outer_3 #gallery [type=checkbox]:checked~.mainimage>div{background:#fff;position:static;box-sizing:content-box;top:0;max-height:80vh;width:100%;height:auto;max-width:60vw;margin:auto;margin-top:10vh;padding:10px;box-shadow:0 5px 13px rgba(0,0,0,.4);border-radius:5px;}
    #gallery_outer_3 #gallery [type=checkbox]:checked~.mainimage>div img{max-height:80vh;top:0;transform:none}
    #gallery_outer_3 #gallery [type=checkbox]:checked~.mainimage>div::after{background:#fff;border-radius:4px;color:#000;content:"Click to Close";font-size:16px;padding:4px 20px;position:relative;bottom:20px;border:1px solid #333;font-family:Arial,Helvetica,sans-serif;}
}
#gallery_outer_3 .g_image[data=""]{display:none}

@keyframes tabOut{from{opacity:1}to{opacity:0}}
@keyframes tabIn{from{opacity:0}to{opacity:1}}

@media (max-width:600px){

@keyframes slide{ from{left:100%} to{left:0} }
#gallery_outer_3{height:auto}
#gallery_outer_3 .g_image{width:100%;height:auto}
#gallery_outer_3 #gallery{height:auto;padding:0}
#gallery_outer_3 .mainimage{display:none;position:static;animation:none;max-width:100%;height:auto;min-width:0}
#gallery_outer_3 .mainimage div img{max-width:100%;height:auto;position:relative;top:0;transform:none}
#gallery_outer_3 #gallery [type=radio]:checked~.mainimage{display:block}
#gallery_outer_3 #gallery,#gallery_outer_3 .mainimage,#gallery_outer_3 .mainimage div{height:auto}
#gallery_outer_3 .g_image .thumbimage{display:none}
#gallery [type=radio]:checked~.mainimage div img{animation-name:slide;animation-duration:.4s}

.leftarrow,.rightarrow{width:50%;display:block}
.leftarrow span,.rightarrow span{font-size:45px}

}

@media (min-width: 240px) and (max-width: 479px){
.patemplatebox_bodyin table{ width:100%!important}
.patemplatebox_bodyin{word-break:break-all;word-wrap:break-word!important;}
.patemplatebox_bodyin img{ width:100%!important;word-break:break-all;word-wrap:break-word!important; height:auto;}
}

@media (min-width: 480px) and (max-width: 797px) {
.patemplatebox_bodyin img{ max-width:100%!important;}
.patemplatebox_bodyin table{ width:100%!important}
}       
                                              
@media (min-width: 797px) and (max-width: 1100px){
.patemplatebox_bodyin img{ max-width:100%!important;}
.patemplatebox_bodyin table{ width:100%!important}
}
@media (min-width: 1100px){
.patemplatebox_bodyin img{ max-width:100%!important;}
.patemplatebox_bodyin table{ width:100%!important}
}