@charset "utf-8";

/* CSS Document */
html,body {
    padding: 0px; margin: 0px;
	font-size:13px; color: #333; line-height:21px;	
	height:100%; min-height:100%;
	font-family: 'Assistant', sans-serif;
}
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}

a:link, a:visited {color: #333;	text-decoration: none;}
a:hover {text-decoration: underline; }

.clear{clear:both}
img {border:0;}
h1, h2, h3, h4, h5, h6, p{ padding:0px; margin:0px;  }
h1{ }
h2{ }
h3{ text-align:left;}
h4{ }
h5{ }
h6{ }
p { }
div, ul li{ margin:0px auto; padding:0px;}
#wrap{ width:100%; min-height:100%; height:100% }
.screen{ min-width:680px; max-width:1280px; position:relative; padding:0px 10px;}


.box_shadow{ border:1px solid #ddd; box-shadow:0px 0px 5px #ccc;}

/* Header */

#inner_top{ background:#000; top:0px; padding:20px 0 10px 0;}
.header{ position: absolute; top:20px; width:100%; z-index:1  }
.scroll-fix{ background:rgba(0,0,0,.8); padding:20px 0px 10px 0; z-index:101;}
.header .logo{ float:left; }
.header .logo a{ display:block; }
.header .logo img{ }
.header .top_shortcut{ padding:10px 0px 0px 0px; position:absolute; right:15px; top:0px;}
.header .lang{ top:15px; right:70px; position:absolute;}
.header .lang a{font-family: "微軟正黑體", "Microsoft JhengHei", "Segoe UI Semibold", "Segoe UI", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; }
.header .lang a:hover{ color:#146097 }
.header .lang_box{ margin-right:40px;}
.header .top_shortcut ul{ list-style:none; padding:0px; margin:0px;}
.header .top_shortcut ul li{ float:left; padding-left:10px; width:60px;}
.header .top_shortcut ul li a:hover{ text-decoration: none}
.header .top_shortcut ul li a.current{ text-decoration: underline}
.lang_box select{font-family: "微軟正黑體", "Microsoft JhengHei", "Segoe UI Semibold", "Segoe UI", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
.top_linking{ position:absolute; right:15px; top:60px;}
.top_linking div{ float:right; margin-left:15px;}
#top_bag{ background:url(../images/bg_bag.png) no-repeat; width:24px; height:29px; color:#fff; text-align: center; padding-left:0px; position:absolute; right:0px; top:5px; line-height:36px; font-size:12px;}


/* Content Section */
.container{   float: left; width:100%; min-height:300px;}


.lastest_product{ padding:30px 0 50px 0 }

.lastest_product h1{ text-align: center; padding:20px 0 10px 0}
.lastest_product ul{ list-style:none; margin:0px  0 0 -2%; padding:0px; }
.lastest_product ul li{ float:left; margin:0 0 15px 2%; width:18%; }
.lastest_product ul li img{ width:100%;}

.lastest_new{ background:url(../images/bg_mid.jpg) no-repeat center #000; padding:50px 50px; }
.lastest_new ul{ list-style:none; margin:0px  0 0 -3%; padding:0px; }
.lastest_new ul li{ float:left; margin:0 0 15px 3%; width:30%; position:relative; cursor:pointer; }
.lastest_new ul li a{ display:block; cursor:pointer; }

.lastest_new ul li a:hover{ text-decoration:none;}


.lastest_new h2{ font-size:36px; text-align: center; padding:20px 0 50px 0; color:#fff;}

.lastest_new .date_box{ position:absolute; width:80px; height:80px; left:0px; top:0px; z-index:1}
.lastest_new .date{ background: #fff none repeat scroll 0 0;
    color: #333;
    font-size: 21px;
    line-height: 50px; letter-spacing:-1px;
    margin: 0;
    white-space: nowrap; display:block; text-align: center;}
.lastest_new .month{ background: #ff8401 none repeat scroll 0 0;
    color: #fff;
    font-size: 12px;
    line-height: 17px;
    margin: 0;
    white-space: nowrap; display:block; text-align: center;}
.lastest_new .new_content{ width:85%; margin:0px auto; background:#fff; margin-top:20px;  text-align: left;   cursor:pointer;}
.lastest_new .title{ color:#ff8401 ; font-size:17px; padding:5px 0px; margin:0px;}
.lastest_new .new_content img{ width:100%;}
.lastest_new .content_area{ color:#333; font-size:15px; padding:0px 10px 15px 10px; min-height:50px;}

.lastest_new ul li .cover{ overflow:hidden;}
.lastest_new ul li:hover .new_content{ background: #F1F1F1; }
.lastest_new ul li:hover .content_area{ }
.lastest_new ul li:hover .title{}
.lastest_new ul li:hover p{ }
.lastest_new ul li:hover img{  width:100%;}

.bottom_area{ padding:50px 0px; line-height:21px; font-size:15px; background:#f7f7f7}
.bottom_area h3{font-size:28px; margin-bottom:20px; color:#000; padding:0px 0px 15px 0; text-transform:uppercase; }
.contact_information{ float: left; width:60%; padding-bottom:40px;}
.info_contact{ width:33%; float:left;}
.title_cont{ color:#666;}
.bottom_area .map{ float:right; width:60%}

.bottom_area .map iframe{ width:100%; height:300px;}
.right_sitemap{ float:right; width:37%; font-size:15px;}

.right_sitemap ul{ list-style:none; margin:0; padding:0px}
.right_sitemap ul li{ padding-bottom:15px;}
.right_sitemap ul li a{ color:#333; display:block;}
.right_sitemap ul li a:hover{ color:#ff8401 }
.right_sitemap ul li ul{ margin:10px 0 15px 0;}
.right_sitemap ul li ul li{ float: left; width:30%; padding-left:2%; font-size:13px; color:#999}
.enquirt_form table tr td{ padding:10px 0px; border-top:1px solid #ddd;}
.enquirt_form{ float:left; width:61%; padding-bottom:50px; margin-top:5px;}
.checkout_outer{ float:right; width:35%;}
.checkout_outer h3{ border-bottom: 1px solid #ddd;
    font-size: 24px;
    margin-bottom: 20px;}
.enquirt_form span{ font-size:11px;}	
.enquirt_form h3{ border-bottom: 1px solid #ddd;
    font-size: 24px;
    margin-bottom: 20px;}

.bottom_area .map{}
#map{ width:100%; height:280px; box-shadow:0 0 3px rgba(0,0,0,.3)}
/* Footer Section */
#footer{ background:#000;  padding:0px; position: relative; height:60px; margin-top:-60px; clear:both; }
#footer .screen{ padding-top:20px; }
#footer a{ color:#fff;} 
#footer .copy{ width:40%; text-align: left; float: left; color:#fff; }
#footer .designby{ width:30%; float: right; color:#fff; text-align: right}

div.error, table tr.error{ display:none}

.nevigation{ padding:0px 0px 10px 0;  }
.nevigation .home{ background:url(../images/icon_home.png) no-repeat; background-position:0px 5px; display: block; padding-left:25px; }
.nevigation .screen{ padding:0px; }

.nevigation ul{ list-style: none; margin:0px; padding:0px; color:#999999;}
.nevigation ul .sp{ padding:0px 15px; color:#666 }
.nevigation ul li{ float: left; line-height:30px; font-size:13px;}
.nevigation ul li a{ color:#666; text-decoration: none }
.nevigation ul li a:hover{ color:#999999; text-decoration: underline }

.inner_main{ margin:130px 0px 90px 0; min-height:250px; text-align: justify; font-size:15px; line-height:21px; text-align: justify;}
.inner_main .img{ max-width:100%;}
.inner_main p{ clear:both;}

.cover_photos{ float:right; width:30%;}
.cover_photos img{width:100%;}
.news_content_area{ width:65%; float: left;}

.Album { float: none; position:relative; margin:20px 0;}
.Album .title { display:none;}
.Album ul{ list-style: none; padding:2% 2% 0% 0; margin:0 0 0 0%; border:1px solid #ddd; background:#fff;}
.Album ul li{ margin:0; padding:0px; float: left; width:18%; margin:0 0 15px 2%; }
.Album ul li img{ width:100%}
.Album ul li .enlargeicon{ position:absolute; text-align: center; top:43%; width:100%;}

.Album_tpl_B {background:#fafafa; border:1px solid #d7d7d7; border-radius: 0px;  position:relative; margin-bottom:30px;}
.Album_tpl_B .title { margin:2%; width:auto; height: auto; border-bottom:1px dotted #ccc; padding-bottom:15px; }
.Album_tpl_B .title span {  padding:3px 15px;background:#333; color:#FFF; }
.Album_tpl_B ul{ list-style: none; padding:0% 1% 1% 1%;}
.Album_tpl_B ul li{ float: none; margin:1%; clear:both; padding-bottom:10px; border-bottom:1px dotted #ccc; }
.Album_tpl_B ul li .photo_Area{ float: left; width:25%;}
.Album_tpl_B ul .photo_Area img{ width:100%; border: 5px solid #fff; box-shadow: 0px 0px 2px #ccc;}

.Album_tpl_B ul .photo_Area img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.Album_tpl_B ul .photo_Area:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.Album_tpl_B ul li .Description{ width:72%; float:right; text-align: left;}

.Pdf_download {background:#fff;  border-radius: 0px;  position:relative; margin:50px 0 20px;}
.Pdf_download .title { margin:0%; border-bottom:1px dotted #ccc; margin-bottom:0px; border-left:3px solid #999999; padding-left:10px; line-height:40px; text-transform:uppercase}
.Pdf_download ul{ list-style: none; padding:0% ;}
.Pdf_download ul li{ float: left; margin:0%; width:50%; margin-bottom:10px; }
.Pdf_download ul li a{ display:block; color:#333333; background:url(../images/pdf_download.png) no-repeat; background-position:0px 0%; padding:3px 3px 3px 35px; font-size:15px; text-align:left}
.Pdf_download ul li a:hover{ color:#999999}

.cd-top {
  display: inline-block;
  height: 60px;
  width: 60px;
  position: fixed;
  bottom: 0px;
  right: 0px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: #666 url(../images/cd-top-arrow.svg) no-repeat center center;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
  background: #000 url(../images/cd-top-arrow.svg) no-repeat center center;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #999;
  opacity: 1;
}


.Sub_menu_container{ width:20%; float: right; box-shadow: 0px 0px 3px #ccc; margin-top:30px }
.Sub_menu_container .title{ background:#000; color:#fff; font-size:19px; font-weight: normal; margin-bottom:0px; text-align: center; padding:13px 0px 13px 0; text-transform:uppercase; }
.sub_menu{}
.sub_menu ul{ list-style:none;  margin:0px; padding:0px;  }
.sub_menu ul li{ margin:0px; border-bottom:1px solid #d2d4d4; border-top:1px solid #fff;}
.sub_menu ul li a{ padding:10px; display:block; font-size:15px; text-decoration: none;
   background-color: rgba(242,243,246, 0.6);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;}
.sub_menu ul li a:hover, .sub_menu ul li a.current{ background:#999999; color:#fff; }
.sub_menu ul li ul{ }
.sub_menu ul li ul li{ margin:0px; border-bottom:0px solid #d2d4d4; border-top:0px solid #fff;}
.sub_menu ul li ul li a{ background: url(../images/icon_arrow_r.png) no-repeat #fff;  padding:10px 10px 10px 28px; font-size:13px; background-position:10px 50%;}
.sub_menu ul li ul li a:hover, .sub_menu ul li ul li a.current{ background: url(../images/icon_arrow_r_white.png) no-repeat #999999;  background-position:10px 50%;}

#Main_content_with_submenu{ width:77%; float: left;  }

.fade_effect{
	-webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out; opacity: 1;}

/* News */
.News {background:#fff; position:relative; margin-bottom:60px; min-height:300px;} 
.news_listing ul{ list-style: none; padding:0% 0% 0% 0%; margin-right:-1.5%}
.news_listing ul li{ float: left; margin:0px 1.5% 15px 0%; width:31.8%; text-align: center; background:#FFF; position:relative}
.News .date { position:absolute; left:0px; top:0px; width:100px; z-index:1; text-align: center}
.News .date2 { position:absolute; left:5px; top:18px; width:90px; z-index:1;  text-align: center}

.News .Day  { background:#333; color:#fff; line-height:70px; font-size:28px; letter-spacing:-1px; white-space:nowrap; margin:0px;}
.News .Month_Year  { background:#ff8401; color:#fff; line-height:19px; font-size:12px; white-space:nowrap;  margin:0px;}
.news_listing ul li .News_Contetent{ border: 5px solid #fff; box-shadow: 0px 0px 2px rgba(0,0,0,.2); width:85%; margin:0px auto; margin-top:20px; opacity: 1;
   background: #fff;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;}

.news_listing ul li:hover .News_Contetent{ background:#000;}

.news_listing ul li p{ padding:15px 0; margin:0px;}
.news_listing ul li:hover p{ color:#fff }
.news_listing ul li img{ width:100%;}
.news_listing ul li .prev{
   width:100%; 
    }   
   
.news_listing ul li:hover .prev{opacity: 0.7; }
.news_listing ul li a{ text-decoration:none}
.news_detail{ position:relative; clear:both; }
.News_container{ background:#f9f9f9;  margin:0px 0px 0px 110px; padding:0 20px 20px 20px;}
.news_detail h2{  }

.pages_page{ float: right; clear:both}
#pages{ text-align: center; float:right; margin:10px 0 50px 0; height:50px;}
#pages ul{ list-style:none; float:left; margin:0px; padding:0px;}
#pages ul li{ float: left; width: auto; margin:0px;}

#pages a{ color:#333333; background:#ddd; padding:2px 9px; margin:0px 5px; border-radius:50%; line-height:15px;}
#pages a:hover{ background:#666; color:#fff;}
#pages a.pgCurrent{ color:#fff; background:#146097 }
.btn_back{text-align: center; margin:30px 0;}
.btn_back a{ padding:5px 24px 5px 24px; background:#000; color:#FFF; font-size:19px; text-decoration:none; text-transform:uppercase; }
.btn_back a:hover{ background:  #ff8401; color:#FFF; }

.contactus{ text-align:center;}
.contactus .info{ float: none; font-size:15px;  background:#fcfcfc; padding:10px 0px;}
.contactus .info table{ margin:10px 0; padding:10px; float:left; width:40% }
.contactus .info table td{ padding:0px 15px 10px 0px; text-align: left;}
.contactus .info .title_contact{ width:15%; padding-right:15px; }
.contactus .info table a{ color:#999999}
.contactus .info table a:hover{ color:#666}
.maparea{ float:right; width:55%; margin:0px 10px 0 0; }
.maparea img{ width:100%}
.maparea a{ text-align:right; padding:5px 0; color:#146097; float:right}

.contactus{ font-size:13px; text-align: left; padding:30px 0px;}
.maparea iframe{ width:100%; height:450px;}
.contact_form{ float: none; width:70%; float: left;}
.contactus_info{ float:right; width:25%;}
.contactus h3{ font-size:24px; border-bottom:1px solid #ddd; margin-bottom:20px; }
.contactus a{ color:#ff8401 ; }
.contactus a:hover{ color:#666 ; }


.sitemap{}
.sitemap ul{ list-style: none; margin:0px; padding:0px;}
.sitemap ul li{ float:left; margin:0px; width:18%; margin:10px 2% 10px 0; }
.sitemap ul li ul{ padding:0px;}
.sitemap ul li ul li{ width:100%;  margin:10px 0% 10px 0; }
.sitemap ul li ul li ul li{ margin:5px 0% 5px 0;}

.sitemap ul li a{ font-size:19px; display: block; border-bottom:1px solid #ddd; padding:0px 0px 10px 0px;}
.sitemap ul li ul li a{ font-size:15px; display: block; border-bottom:0px solid #ddd; padding:0px 0px 0px 0px;}
.sitemap ul li ul li ul li  a{ font-size:13px; display: block; border-bottom:0px solid #ddd; padding:0px 0px 0px 0px;}

.intro_w{ margin-top:30px;}
#title {
    background-position: center center;
    background-size: cover !important;
    display: table;
    height: 200px;
    width: 100%; margin:15px 0}
#title h1 { text-align: center; color:#fff; text-shadow:1px 1px 3px rgba(0,0,0,0.4); padding-top:80px;}
.intro{ background: url(../images/banner_intro.jpg) no-repeat right bottom; min-height:328px;margin-bottom:15px;}	
.content_position{ margin-right:300px; }
.intro h2{ padding-top:10px;}	

.Branding{ margin:30px 0px; }
.Branding .photo{ float:right; margin-left:30px;   }
.Branding .logo{ position:absolute; left:-10px;}
#vv .logo{ position: relative; text-align:center}

.Branding .logo_b{}
.Branding p{ margin:20px 0 0 0;}
.Branding .content{ float:left; width:56%;}
.Branding .brand_more { margin:30px 0 0 0}
.Branding .brand_more a{ background:#fed90c; padding:6px 21px; }
.Branding .brand_more a:hover{ background:#003377; color:#FFF }

.Branding_b { margin:50px 0px 10px 0; }
.Branding_b .photo{ float: left; width:38%; text-align: center;   }
.Branding_b .logo{ }
.Branding_b p{ margin:0px 0 0 0;}
.Branding_b .content{ float: right; width:60%; border-top:2px solid #ddd; border-bottom:2px solid #ddd;}
.Branding_b h3{ text-align:center; padding:50px 0px 30px 0; font-size:33px;}

.Branding_b .brand_more { margin:30px 0 0 0}
.Branding_b .brand_more a{ background:#9a8147; padding:6px 21px; color:#FFF }
.Branding_b .brand_more a:hover{ background:#000000; color:#FFF }
.top_logo_un{ padding-top:50px;}
.brand_go{text-align: center; margin:10px 0 50px 0;}
.brand_go a{ padding:5px 24px 5px 40px; background:url(../images/icon_back_white.png) no-repeat #003377; background-position:20px 50%; color:#FFF; font-size:19px; text-decoration:none; text-transform:uppercase; }
.brand_go a:hover{ background:url(../images/icon_back_white.png) no-repeat #fed90c; color:#FFF; background-position:12px 50%; }

.product_content{ padding:30px 30px;}

.product_category{ margin:20px 0 50px 0}
.product_category ul{ list-style:none; padding:0px; margin:0px 0 0 -2%;}
.product_category ul li{ float:left; width: 18%; margin:0 0 25px 2%; }
.product_category ul li img{ width:100%; }


.product_category ul li .cover{ height:235px; position:relative; }
.photo_full{ width:100%;}
.product_category ul li span{position: absolute; left:5px; top:5px; }
.product_category ul li h3{ text-align:center; font-size:19px; padding:5px 0px;}

.product_category ul li+li+li+li+li+li{ clear: both}
.product_category ul li+li+li+li+li+li+li{ clear: none}


.product_category ul li ul{ padding:0px 10px 20px 10px;}
.product_category ul li ul li{ float:none; border:0px solid #ddd; text-align: left; width:auto; margin:0px; min-height: 15px; height:auto}
.product_category ul li ul li a{ display:block; text-align: left; font-size:17px; color:#0c6493; line-height:21px; background:url(../images/pt_arrow.png) no-repeat; background-position:0px 10px; padding-left:10px;}

.products_category{ margin:15px 0 30px 0; position:relative;}
.products_category h2{ margin:15px 0 0px 0}
.products_category .sub_category{ margin:30px 0;}
.products_category .sub_category ul{ list-style:none; margin:0px; padding:0px;}
.products_category .sub_category ul li{ float:left; text-align: left; }
.products_category .sub_category ul .sp{ padding:0px 15px; color:#333}
.products_category .sub_category ul li a{ font-size:15px; }


.title_category{ text-transform: uppercase; padding-right:10px; font-size:21px;}

.products_category .sub_category ul li a{ color: #999; -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out; opacity: 1;}
.products_category .sub_category ul li a:hover{ color:#000;}
 .sub_category ul li a.current{ color:#000; text-decoration:underline;}

.products { margin:0px; padding:0px 0px 0px 0; min-height:250px;}
.products ul { list-style: none; margin:20px 0px 0px -1%; padding:0px;}
.products ul li{ float: left; width:19%; margin:0px 0% 30px 1%;}
.products ul li:hover{ background:#333; color:#fff;}

.products ul li + li + li + li + li + li{ clear: both}
.products ul li + li + li + li + li + li + li {clear: none}
.products ul li + li + li + li + li+ li + li + li + li + li + li{ clear: both}
.products ul li + li + li + li + li+ li + li + li + li + li + li + li{ clear: none}
.products ul li + li + li + li + li+ li + li + li + li + li + li + li + li + li + li + li{ clear: both}
.products ul li + li + li + li + li+ li + li + li + li + li + li + li + li+ li + li + li + li{ clear: none}

.products ul li p{ padding:10px 0px; text-align:center; color:#333;}
.products ul li img{ width:100%;}
.products ul li:hover p{ color:#fff}

.back_to_product{ float:right; font-size:13px; position:absolute; right:5px; top:0px;}
.back_to_product a{ display: block; padding:5px 10px; -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out; opacity: 1;}
.back_to_product a:hover{ opacity:.7}


.main-image { margin:0; width:85%; float:left; text-align:center}
.main-image img { width:100%; }


.custom{ max-width:100%; width:100%; }

.products_details{ position:relative; background:#ebebeb; padding:1px;}
.photo_location{ float: right; width:50%; background:#fff; position:relative;}
.product_des{ float: left; width:50%; }
.product_des h3{ color:#000; font-size:28px; text-align: left; } 
.product_des h4{ color:#233f7a; font-size:21px;} 
.product_des h5{ background:#0e5386; color:#fff; padding:5px ; font-size:19px; margin-bottom:0px;  margin-top:25px;} 
.question_box{ background:#f7f7f7; padding:50px 30px 40px 30px; margin:1px 0px 30px 0px; text-align:center; font-size:15px;}


.product_des .code{ color:#555; font-size:13px;} 

ul.thumbnails{ list-style:none; margin:0px; padding:0px; float: right; width:15%;}
ul.thumbnails li{ padding:0px; padding:0px; margin:0; display:inline }
ul.thumbnails li img{ width:100%;  }
ul.thumbnails li a{display:block; }
ul.thumbnails li:hover img{ opacity:.5; }

ul.thumbnails_b{ list-style:none; margin:0px; padding:0px; float: right; width:15%;}
ul.thumbnails_b li{ padding:0px; padding:0px; margin:0; }
ul.thumbnails_b li img{ width:100%;  }
ul.thumbnails_b li a{display:block; }
ul.thumbnails_b li:hover img{ opacity:.5; }

.content_edit{ margin:15px 0px;}
.content_edit table{ width:100%; line-height:24px;}
.content_edit_b{ margin:15px 0px;}
.content_edit_b table{ width:100%; line-height:24px;}


.add_to_cart{ margin:25px 0px 15px 0; }
.add_to_cart a{ background:url(../images/add_to_bag.png) #000 no-repeat; padding:9px 12px 9px 50px; background-position:8px 45%; color:#fff; text-transform:uppercase;-webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out; opacity: 1;}
.add_to_cart a:hover{ background:url(../images/add_to_bag.png) #ff8401 no-repeat; background-position:8px 45%; text-decoration: none;}

.download_now{ margin:30px 0px 15px 0; }
.download_now a{ background:url(../images/icon_pdf.png) #fff no-repeat; padding:9px 22px 9px 50px; background-position:17px 45%; color:#333; text-transform:uppercase;-webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out; opacity: 1;}
.download_now a:hover{ background:url(../images/icon_pdf.png) #ddd no-repeat; background-position:17px 45%; text-decoration: none;}

.add_to_enquiries{ text-align:center; padding:10px 0px; margin-top:5px;}
.add_to_enquiries a{ background:url(../images/icon_email.png) #fed90c no-repeat; background-position:10px 53%; padding:7px 10px 7px 40px; font-size:14px;  }
.add_to_enquiries a:hover{ background:url(../images/icon_email_white.png) #333 no-repeat; background-position:10px 53%; color:#fff; }

.cart{ top:0px; width: auto; position: absolute; right:10px; top:-20px; background:#fff; box-shadow:0 0 3px rgba(0,0,0,.3) }
.cart ul{ list-style:none; margin:0px; padding:0px;}
.click-nav ul li ul {
position:absolute; background:#FFF;	right:0; z-index:999; 
box-shadow:0 0 3px rgba(0,0,0,0.2); padding:0 10px 10px 10px; top:41px; width:215px;overflow:auto; max-height:300px; }
.click-nav ul li ul li{ float: none; position:relative; border-bottom:1px dotted #ccc; padding:5px 0px 5px 0; font-size:12px;line-height:14px;}
.click-nav ul li ul li img{ width:70px; margin-right:5px;}
.delete_quick{ float:right}
.delete_quick a{ background:url(../images/delete_icon.png) no-repeat; width:20px; height:23px; display:block;}
.delete_quick a:hover{ opacity:.7}

.click-nav ul li ul li table{ width:100%;}


.my_enquiry{background:url(../images/icon_cart.png) no-repeat; padding:0 10px 0 30px; }

.cart_icon{ position:absolute; top:0px;} 
.cart_name{ font-size:19px; color:#000; padding-left:5px;} 
.cart_quanity{ font-size:13px; color:#333; }
.cart_cost a{  display:block; padding:0px; cursor:pointer; padding:10px 20px;  }
.cart_cost a:hover{ text-decoration: none}
.quotat_now{ float:right; margin:10px 0 0 0 }

.quotat_now a{  padding:6px 11px; text-align: center; background:#555; color:#fff; }
.quotat_now a:hover{ background:#ff8401 ; color:#fff; }

.click-nav .no-js ul {
	display:none;
}
.click-nav .no-js:hover ul {
	display:block;
}
.cart_update {  margin:10px 5px 0 0; float:left}
.cart_delete {  margin:10px 5px 0 0; float:left }
.cart_update a{ white-space:nowrap; background:#ffba00; background-position:5px 5px; text-transform:uppercase; padding:5px; color: #fff; line-height:19px; font-size:12px }
.cart_delete a{ white-space:nowrap; background:#333; background-position:5px 5px; text-transform:uppercase; padding:5px; color: #fff; line-height:19px;   font-size:12px }

.must_fill{ color:#F00; font-size:12px; }
.box_fill{ border:1px solid #ccc; width:98%; padding:1px; line-height:21px; font-family:Arial, Helvetica, sans-serif; font-size:13px;}
.box_submit{ background: #000 none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 15px;
    margin: 0 auto;
    padding: 8px 35px;
    text-transform: uppercase; }
.box_submit:hover{ background:#ff8401;}

.arrowlistmenu .container{ min-height: auto}

.arrowlistmenu ul{ margin:0px 0 0 10px; padding:0px;}
.arrowlistmenu ul li{  margin:0px 0 0 0px;}
.arrowlistmenu ul li a{ color:#06C}
.contextual-links-region{ position:static}

.shoppingcart p span{ color:#999; font-weight:bold}
.shoppingcart .enqyiry{ color:#ff8401 ; font-weight:bold }

.cart_qty{ width:20px; text-align:center}
.modle_no { font-size:13px; line-height:15px; color:#666}
img.checkout_product{ width:100%}
.small_pcs{ font-size:11px; padding-left:5px;}
.hea_t{ background:#333; color:#fff; font-size:12px}

.info_contact a{ color:#ff8401 }

.about_video{ width:60%; margin:0 auto}

.about_video iframe{ width:100%; height:390px; padding:2px; box-shadow:0 0 3px rgba(0,0,0,.2)}

.about_content{  margin: 0px auto; padding:50px 0 ; width:90%; }

.Banner_title{ position: relative; top: 40%; left: 0px; width:500px; height: auto; text-align: center;  text-shadow: 0 0 6px rgba(0,0,0,.7); font-size:40px; line-height:50px; color:#fff; background: rgba(0,0,0,0.7); padding:30px 50px; text-transform:uppercase; 
  vertical-align: middle; border-radius:12px;}

.looking{ margin:0 auto; text-align: center; color:#ff8401; font-size:21px; display:inline; padding:5px 0px; }
.Banner_position{}
.Banner_position img{ width:100%;}


.thumb{ list-style:none; margin:0px; padding:0px; float: right; width:14%; margin-right:2px;}
ul#thumblist{display:block; float:right; list-style:none; width:100%; margin:0px;}
ul#thumblist li{ padding:0px; margin-bottom:0px; height: auto}
ul#thumblist li img{ width:100%; opacity:.8;  opacity:1; border:1px solid #fff;}
ul#thumblist li a{display:block; }
ul#thumblist li a.zoomThumbActive{  }
ul#thumblist li a.zoomThumbActive img{ opacity:1; border:1px solid #ddd;}

.jqzoom{	text-decoration:none;}
.download{ width:100%;  }
.download img{ width:100%;}
.download ul{ list-style:none; margin:0px 0 0 -5%; padding:0px; }
.download ul li{ float:left; margin:0 0 20px 5%; width: 25%;}

.search_bar{ position:absolute; right:170px; top:-14px; margin:0; padding:0; border-bottom:1px solid #fff; }
.search_bar .search{ width:100px; background: none; border-bottom: 0px; border-left: 0px; border-right:0px; border-top:0px; height:24px; padding:5px; margin:0px; color:#fff}
.btn_search{background:url(../images/btn_search.png) no-repeat center center; width:30px; height:30px; border:0px;}

.download a{ display:block; border:1px solid #ddd;padding:5px;}
.download a:hover{ display:block;border:1px solid #F63; }

.top_social{ position:absolute; right:325px; top:-10px; display: inline-block}
.top_social .facebook{ display:inline }
.top_social .instagram{ display:inline; margin:0 5px}
.facebook img{ width:29px; height:29px;}
.instagram img{ width:29px; height:29px;}
.right_sitemap .facebook{ display:inline; float: left }
.right_sitemap .instagram{ display:inline; margin:0 5px; float: left}