@charset "utf-8";

/* CSS Document */
html,body {
    padding: 0px; margin: 0px;
	font-size:15px; color: #333; line-height:21px;	
	font-family: 'Roboto Condensed',"微軟正黑體", "Microsoft JhengHei", sans-serif, 'Roboto Condensed' ;
	
}
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{ }
h4{ }
h5{ }
h6{ }
p { }
div, ul li{ margin:0px auto; padding:0px;}
.page_bg{background:url(../images/bg.jpg) no-repeat center bottom; background-size: cover}
#wrap{ width:100%; min-height:100%;   }
.screen{ min-width:680px; max-width:1080px; position:relative; padding:0px 10px;}

.home_notice{ float:left; margin:-10px 0 0 ; clear: both}
.home_notice a { background:url(../images/bg_title.png) no-repeat center center #0096da; color:#fff; padding:12px 38px; display:block; text-transform:uppercase; font-size:17px;}

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


.menu_area{ position:relative; }
.menu_right{ background:url(../images/bg_menu_right.png) no-repeat; position:absolute; top:-15px; right:11px; width:22px; height:15px; }
.menu_left{ background:url(../images/bg_menu_left.png) no-repeat; position:absolute; top:55px; left:11px; width:22px; height:15px; }

.home_page_banner{ float:left; width:67%;}
.home_page_banner img{width:100%;}

.home_right_area{ float:right; width:31%; padding-top:75px; position:absolute; right:0px; z-index:11;}
.home_right_area .btn_online_album{ float: left;  margin-right:10px;}
.home_right_area .btn_online_album a{ background: #e5e5e5;
background: -moz-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
background: -webkit-linear-gradient(top, #e5e5e5 0%,#ffffff 100%);
background: linear-gradient(to bottom, #e5e5e5 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); padding:8px 3px; display:block; border:2px solid #6d369b; border-radius:8px;}
.home_right_area .btn_facebook{ float: left;}
.home_right_area .btn_facebook a{ background:#fff; padding:8px 3px; display:block; border:2px solid #5271b7; border-radius:8px;}
.latest_news{ position:relative;}
.latest_news .title_news{ background:#6a25ae;border-top-left-radius: 6px;
border-top-right-radius: 6px; margin:20px 80px 0 15px; position: relative; padding:10px 0 12px 60px; color:#fff; font-size:19px; }
.latest_news .title_news span{ position:absolute; top:5px; left:7px; background:url(../images/icon_news.png) no-repeat; width:42px; height:34px; display:inline-block; }

.btn_more{ position:absolute; right:20px; top:12px;}
.btn_more a{ display:block; border-top-right-radius: 6px; background:#1b8f30; color:#fff; color:#fff; padding:8px 15px; font-size:15px; line-height:15px; }
.btn_more a:hover{background:#f2bc00; color:#fff;  }

.latest_new_content{background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 23%, #ececec 99%);
background: -webkit-linear-gradient(top, #ffffff 23%,#ececec 99%);
background: linear-gradient(to bottom, #ffffff 23%,#ececec 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 );  border-radius: 6px; padding:15px 10px;}
.latest_new_content ul{ list-style:none; margin:0; padding:0;}
.latest_new_content ul li{background:url(../images/arrow_icon.png) no-repeat; background-position:5px 11px; border-bottom:1px dotted #ddd; padding:5px 0 5px 20px;}

.news_date{ color:#6d359b; display:block;} 

.right_inner_silde .btn_online_album{ margin:15px 0;    }
.right_inner_silde .btn_online_album a{ border-right:5px solid #4e138a; padding: 8px 15px 8px 15px; box-shadow:0 0 3px rgba(0,0,0,0.2); display:block; background:#fff; text-align: center;}

.right_inner_silde .btn_online_album a:hover{  -ms-transform: rotate(-1deg);-webkit-transform: rotate(-1deg);  transform: rotate(-1deg); background:#f9efff;}

.right_inner_silde .btn_facebook{ margin:15px 0;}
.right_inner_silde .btn_facebook a{ border-right:5px solid #5272b7; padding: 8px 15px 8px 15px; box-shadow:0 0 3px rgba(0,0,0,0.2); display:block; background:#fff; text-align: center;}
.right_inner_silde .btn_facebook a:hover{  -ms-transform: rotate(-1deg);-webkit-transform: rotate(-1deg);  transform: rotate(-1deg); background:#e4f3ff;}

/* Header */
.header{ position:relative; border-top:2px solid #6d359b;}
.header .logo{ padding:10px 0; float:left;}
.header .logo a{ display:block; color:#fff;}
.header .logo img{ float:left;}

#inner_page{padding:35px 0 50px 0;}
#home_page{ padding:20px 0 40px 0;}
/* Content Section */
.container{   float: left; width:100%; height:auto; min-height:550px; }
.container img{ max-width:100%;}

.main_bg{background:url(../images/bg_main.jpg) no-repeat center top; height:590px; }
.main_bg h1{ font-size:42px; color:#52178e; padding:120px 0 20px; line-height:45px; font-weight:normal; text-align: left; text-shadow:0 0 3px rgba(0,0,0,.2)}
.main_bg h2{ font-size:36px; color:#52178e; padding:0px 0 20px; line-height:36px; font-weight:normal; text-align: left; text-shadow:0 0 3px rgba(0,0,0,.2)}

.title_slider{ background:url(../images/title_gallery.png) no-repeat center right;  position:absolute; left:0px; top:-15px; z-index:999 }
.title_slider span{ background:url(../images/icon_gallery.png) no-repeat; width:100px;; background-position: 10px 12px ;
 padding:15px 70px 30px 50px; font-size:38px; color:#fff; display:block; text-align: left }

.lastest_new #pages{ display:none  }

.paper_top {
    background: url(../images/paper_top.png) no-repeat;
    width: 100%;
    height: 85px;
}
.paper_bg {
    width: 735px;
    background: url(../images/paper_bg.png) repeat-y;
   
    float: left;
    padding: 9px 40px 30px 60px;
    min-height: 520px;
}
.paper_bottom {
    background: url(../images/paper_bottom.png) no-repeat;
    width: 100%;
    height: 61px; float:left;
}

.index_main{ margin:30px 0px 60px 0; min-height:250px; }
.index_main .intro{ float:left; width:56%; text-align:justify;}
.index_main .icon_right{ float: right; width:42%;}
.index_main .icon_right ul{ list-style:none; margin:0px; padding:0px;}
.index_main .icon_right ul li{ float:left; width:48%; margin-left:0%;}
.index_main .icon_right ul li + li{ margin-left:4%;}
.index_main .icon_right ul li img{ width:100%;}
.banner_area { float:left; width:67%; position:relative;}
/* Footer Section */
.info_contact{ background: #f8f8f8;
background: -moz-linear-gradient(top, #f8f8f8 23%, #ffffff 99%);
background: -webkit-linear-gradient(top, #f8f8f8 23%,#ffffff 99%);
background: linear-gradient(to bottom, #f8f8f8 23%,#ffffff 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#ffffff',GradientType=0 );
padding:15px 0;}
.info_contact .footer_logo{ float: right;}
.footer_logo img { max-height:80px}
.info_contact .footer_logo_b{ float: right; padding-right:15px;}
.footer_contact{ float: left; padding:0 0 0 15px;}
.footer_contact ul{ list-style: none; margin:0; padding:0; font-size:15px;}

.footer_contact ul li{ padding-top:0px;}
.footer_contact ul li + li{ padding-top:5px;}
.footer_contact ul li a{ color:#50148b}

.footer_contact ul li span{ display: inline-block; color:#50148b; padding-right:15px;}
.copyright{ padding: 10px 0 0 0;}

#footer{ font-size:13px; padding:0px; position: relative; height:60px; clear:both; background:#00a3ed; color:white;}
#footer .screen{ padding-top:20px; }
#footer a{ color:white;} 
#footer .copy{ width:60%; text-align: left; float:left;}
#footer .by{ width:30%; float: right; text-align: right}

.nevigation{ padding:0px; margin-bottom:15px;}
.nevigation .home{ background:url(../images/icon_home.png) no-repeat; background-position:0px 5px; display: block; padding-left:25px; }
.nevigation ul{ list-style: none; margin:0px; padding:0px; color:#52178e; font-size:13px;}
.nevigation ul .sp{ padding:0px 15px; color:#666 }
.nevigation ul li{ float: left; line-height:24px;  }
.nevigation ul li a{ color:#666; text-decoration: none }
.nevigation ul li a:hover{ color:#52178e; text-decoration: underline }

.inner_main{ float:left; width:77%; line-height:44px; text-align: justify; font-size:19px; margin-left:1%; }
.inner_main .img{ max-width:100%;}
.inner_main p{ clear:both; margin-bottom:15px;}
.main_content_area{ border-top:5px solid #0096da; padding:30px 0 50px 0; margin:0 20px; min-height:500px;}

.big_title{ margin:0px auto; width:60%; text-align: center; color:#fff;background:url(../images/bg_big_title.png) no-repeat center center #0096db; padding:10px 35px; margin-top:20px; margin-bottom:50px; font-size:17px; color:#fff; border:1p solid #fff; box-shadow:0 0 3px rgba(0,0,0,.2)}

.table_box{ border:1px solid #0096da; padding:2px;}
.table_box p{ margin-bottom:0} 
.content_inside{ float: left; width:100%;}

.content_inside ul{ margin:0 0 0 22px; padding:0; }
.content_inside ul li{ }


#information_left{width: 65%;}

.label_pic { background:url(../images/label.png) no-repeat center top; height:34px; position:absolute;

    top: -15px;
    width: 88%; z-index:1
}
.Album_news {margin:0px 0; }
.Album_news .title { margin:0; color:#0096da; padding:0px; margin-bottom:0px;}
.Album_news ul{ list-style: none; padding:0; margin:15px 0 0 0.5%;}
.Album_news ul li{ float: left; margin:0 3% 0 0%; width:30%; text-align: center; position:relative;  }
.Album_news ul li:hover{ 
-ms-transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg); transform: rotate(-1deg);}
.Album_news ul li img{ border:2px solid #fff; box-shadow:0 0 3px rgba(0,0,0,.3); max-width:100%}
.Album_news ul li img:hover{  border:2px solid #0096da}

.Album ul li p{ color:#0096da; font-size:14px; line-height:16px; padding: 5px 15px;}


.Album {margin:0px 0; float:right; width:30%; margin: 0 1%;}
.Album .title { margin:0; color:#0096da; padding:0px; margin-bottom:0px;}
.Album ul{ list-style: none; padding:0; margin:0px 0 0 0%;}
.Album ul li{ float: left; margin:0 0 0 0%; width:100%; text-align: center; position:relative;-ms-transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg); transform: rotate(-1deg);  }

.Album ul li img{ border:2px solid #fff; box-shadow:0 0 3px rgba(0,0,0,.3); max-width:100%}
.Album ul li img:hover{  border:2px solid #0096da}

.Album ul li p{ color:#0096da; font-size:14px; line-height:16px; padding: 5px 15px;}

.Album_tpl_B {background:#fafafa; border:1px solid #d7d7d7; border-radius: 0px;  position:relative; margin-bottom:30px;}
.Album_tpl_B .title { }
.Album_tpl_B .title span {  padding:3px 15px;background:#333; color:#FFF; }
.Album_tpl_B ul{ list-style: none; padding:0% 1%;}
.Album_tpl_B ul li{ float: none; margin:1% 1% 0px 1%; padding:15px 0 0 0; clear:both; border-top:0px dotted #ccc; }
.Album_tpl_B ul li + li{ border-top:1px dotted #ccc; }

.Album_tpl_B ul li .photo_Area{ float: left; width:25%;}
.Album_tpl_B ul li .photo_Area p{ color:#0096da; font-size:14px; line-height:16px; padding: 5px 0px; text-align: left}

.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 li .Description{ width:72%; float:right; text-align: left; font-size:15px; line-height:23px;}
.download{ margin:0px auto; width:50%;}
.download img{width:100%;border:1px solid #ddd; padding:5px; }
.download a{ display:block; text-align: center;}
.download img:hover{ border:1px solid #162d8a; padding:5px;}

.table_center{ border:1px solid #ddd; padding:1px; line-height:24px;}

.Pdf_download {}
.Pdf_download .title { margin:0%; border-bottom:1px dotted #ccc; margin-bottom:0px; border-left:3px solid #d00324; 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/icon_download.png) no-repeat; background-size:26px; background-position:0px 50%; padding:3px 3px 3px 35px; font-size:15px; text-align:left}
.Pdf_download ul li a:hover{ color:#d00324}

.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.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: #000 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: #e86256;
  opacity: 1;
}

.right_inner_silde{width:24%; position:absolute; right:0px; top:100px;}
.Sub_menu_container{  box-shadow: 1px 2px 5px rgba(0,0,0,.3); 
background: -moz-radial-gradient(center, ellipse cover, #fffbaa 0%, #fff872 100%);
background: -webkit-radial-gradient(center, ellipse cover, #fffbaa 0%,#fff872 100%);
background: radial-gradient(ellipse at center, #fffbaa 0%,#fff872 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffbaa', endColorstr='#fff872',GradientType=1 );}
.Sub_menu_container .title{ color:#008fd0; font-size:21px; font-weight: normal; text-align: center; padding:25px 0 5px 0; text-transform:uppercase; }
.sub_menu{}
.sub_menu ul{ list-style:none;  margin:0px; padding:3px 5px;  }
.sub_menu ul li{ margin:0px; border-bottom:1px dotted #ddd; }
.sub_menu ul li a{ padding:10px; display:block; font-size:17px; text-decoration: none; color:#000}
.sub_menu ul li a:hover, .sub_menu ul li a.current{ color:#50158c;   }
.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:5px 10px 5px 28px; font-size:15px; background-position:10px 50%; background-size:6px 12px;}
.sub_menu ul li ul li a:hover, .sub_menu ul li ul li a.current{ }

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

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

/* Product */
.Product_category {background:#fff; position:relative; margin-bottom:30px;}
.Product_category ul{ list-style: none; padding:0% 0% 0% 0%; margin-right:-1.5%}
.Product_category ul li{ float: left; margin:0px 1.5% 15px 0%; width:31.8%; text-align: center; background:#FFF }
.Product_category ul li div{ border: 5px solid #fff; box-shadow: 0px 0px 2px #ccc;}
.Product_category ul li img{
   width:100%; 
   opacity: 1;
   background-color: rgba(0,0,0, 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; }   
.Product_category ul li:hover img{opacity: 0.7; }
.Product_category ul li a{ text-decoration:none}
.Product_category ul li p{ padding:10px 10px 0 10px}
.Product_category ul li:hover p{ color:#666 }

.product_gallery{ float:left; width:70%;}
.product_description{ float:right; width:28%;}

/* News */
.News {position:relative;border:4px solid #653694; background:#fff; margin:0px 10px 50px 10px; border-radius:8px;} 

.news_listing ul{ list-style: none; padding:10px 30px;}
.news_listing ul li{ margin:0 0 20px 0; border-bottom:1px dotted #ddd;position:relative}
.News .date { position:absolute; left:5px; top:5px; width:90px; z-index:1; opacity: 0.9; text-align: center; }
.News .date2 { position:absolute; left:5px; top:18px; width:90px; z-index:1; opacity: 0.9; text-align: center}
.news_listing .date{ display:none}
.News .Day  { background:#effaff; color:#0096da; line-height:70px; font-size:38px; white-space:nowrap; margin:0px;}
.News .Month_Year  { background:#0096da; color:#fff; line-height:25px; font-size:12px; white-space:nowrap;  margin:0px;}
.news_listing ul li .News_Contetent{ border: 3px solid #ddd; }

.right_content{padding:15px 0px;}
.gallery_title{ font-size:24px; color:#591e95; padding:10px 0;}
.date_area{ font-size:17px;}

.news_listing ul li:hover p{ color:#666 }
.news_listing ul li img{ width:100%;}
.news_listing ul li .prev{ float: left; margin:1% 2% 1% 2%; border:2px solid #fff box-shadow:0 0 3px rgba(0,0,0,.2); width:30%;
}   
   
.news_listing ul li:hover .prev{opacity: 0.7; }
.news_listing ul li a{ text-decoration:none}
.news_detail{   position:relative; min-height:250px; clear:both; padding: 20px 30px; }
.News_container{ min-height:200px; padding:0px; font-size:17px; line-height:33px;}
.news_detail h2{ padding-bottom:20px; }

.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 8px; margin:0px 5px; border-radius:50%; line-height:15px;}
#pages a:hover{ background:#25953d}
#pages a.pgCurrent{ color:#fff; background:#1e3078 }
.btn_back{text-align: center; margin:30px 0;}
.btn_back a{ padding:5px 34px 5px 34px; background:url(../images/icon_back_white.png) no-repeat #fed90c; background-position:20px 50%; color:#FFF; font-size:19px; text-decoration:none; text-transform:uppercase; }
.btn_back a:hover{ background:url(../images/icon_back_white.png) no-repeat #003377; color:#FFF; background-position:12px 50%; }

.contactus{ text-align: left;}
.contactus .info{ float: left; width:48%; font-size:15px; line-height:19px;}
.contactus h2{ text-align: left; padding:0; margin:0 0 15px 0;}
.contactus{ text-align:center;}


.contactus a{ color:#0096da}

.contactus .info h2{ text-align: left;}
.contactus .info table{ margin:0px 0 5px 0; padding:0px; float:left; }
.contactus .info table td{text-align: left;}
.contactus .info .title_contact{ width:10%; padding-right:5px; }
.contactus .info table a{ color:#d00324}
.contactus .info table a:hover{ color:#666}
.maparea{ float:left; width:100%; box-shadow:0 0 3px rgba(0,0,0,.2); margin:20px 0 ; }

.maparea a{ text-align:right; padding:5px 0; color:#1e3078; float:right}

.maparea iframe{ width:100%; height:420px; }
.contact_form{ float:right; width:49%; box-shadow:0 0 3px rgba(0,0,0,.3); font-size:13px; line-height:15px; }
.contact_form h3{ padding:15px 0 10px 0;}
.desc{ padding-bottom:10px;}
#reg_now{ float: left; position:relative; margin-bottom:10px; margin-top:0;}
.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_category{ padding:5px 0 50px 0; background:white;}
.product_category .logo{ text-align:center; margin:10px 0 0 0}
.product_category ul{ list-style:none; margin:0px 0 0 -5%; padding:0px;}
.product_category ul li{ float:left; width: 44%; margin-left:5%; padding:0.5%; background: rgba(255,255,255,.9); -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out; opacity: 1;}
.product_category ul li img{ width:100%; }
.product_category ul li h3{ text-align:center; font-size:21px; font-weight:normal; padding:5px 0px;}
.product_category ul li ul{ display:none;}

.product_category ul li:hover{ background: rgba(91,70,10,.9);}
.product_category ul li:hover h3{ color:#fff; text-decoration: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{ position:relative;border:4px solid #653694; background:#fff; margin:0px 10px 50px 10px; border-radius:8px;}
.products_category h2{ margin:15px 0 0px 0}
.products_category .sub_category{ margin-bottom:30px;}
.products_category .sub_category ul{ list-style:none; margin:0px; padding:0px;}
.products_category .sub_category ul li{ float:left; font-size:19px;}
.products_category .sub_category ul .sp{ padding:0px 20px; color:#ddd}

.products_category .sub_category ul li a{ color:#9acce6; -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out; opacity: 1;}
.products_category .sub_category ul li a:hover{ color:#0c6493;}
 .sub_category ul li a.current{ color:#0c6493; text-decoration:underline;}

.products h1{ padding:30px 0px;}

.products { padding:30px 30px; min-height:350px; border:4px solid #653694; background:#fff; margin:0px 10px 50px 10px; border-radius:8px;}
.products ul { list-style: none; margin:0px 0px 0px -2%; padding:0px;}
.products ul li{ float: left; width:23%; margin:0px 0% 15px 2%; -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out; opacity: 1; position:relative; }


.products ul li p{ padding:3px 0px; text-align:center; font-size:17px; color:#333}
.products ul li img{ width:100%; box-shadow:0 0 5px rgba(0,0,0,.2); border:1px solid #fff;}
.products ul li:hover img{ width:100%; -ms-transform: rotate(-1deg);-webkit-transform: rotate(-1deg);  transform: rotate(-1deg);}

.products ul li:hover p{ color:#653694; text-decoration: none;}
.products ul li a:hover { text-decoration: none;}

.back_to_product{ text-align: center; padding:30px 0px;}
.back_to_product a{ background:#1E3078; color:#fff; padding:10px 20px; text-align: center; font-size:19px;}
.back_to_product a:hover{ background:#ffe600; color:#fff; text-decoration:none;}



.main-image { margin:0; text-align:center}
.main-image img{ height:320px; max-width:100%; box-shadow:0 0 5px rgba(0,0,0,.3) }

.products_details{ position:relative; padding:30px; min-height:250px;}
.photo_location{ float:left; width:40%;}
.product_des{ float:right; width:57%; background:rgba(255,255,255,.7) }
.product_des h3{ color:#333; font-size:21px; } 
.product_des h4{ color:#1E3078; font-size:21px;} 
.product_des h5{  font-size:19px; margin-bottom:0px;  } 
.question_box{ background:#f7f7f7; padding:50px 30px 40px 30px; margin:1px 0px 30px 0px; text-align:center; font-size:15px;}


.product_des .code{ color:#333; font-size:15px;} 

.thumb{  width:100%; margin:30px 0}
ul.thumbnails{ list-style:none; margin:0px 0 0 -2.2%; padding:0px;}
ul.thumbnails li{ float:left; width:31%; padding:0px;  float:left; height:93px; padding:0px; margin:10px 0% 0px 2.2%}
ul.thumbnails li img{max-height:90px; width:100%; border:1px solid #1E3078; }
ul.thumbnails li a{display:block; }
ul.thumbnails li:hover img{border:1px solid #fff;}

.content_edit{font-size:17px; margin:10px 0;}
.content_edit p {font-size:17px;}
.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{ position:absolute; right:0px; top:0px;}
.add_to_cart a{ background:url(../images/add_to_bag.png) #313131 no-repeat; padding:9px 10px 9px 37px; background-position:8px 45%; color:#fff}
.add_to_cart a:hover{ background:url(../images/add_to_bag.png) #0e5386 no-repeat; background-position:8px 45%; }

.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:50px; position: absolute; right:0px; margin:15px 0 0 0; }
.cart ul{ list-style:none; margin:0px; padding:0px;}
.click-nav ul li ul {
	position:absolute; background:#FFF;	left:-11;	right:0; z-index:999; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd;-webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-bottomleft: 6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px; box-shadow:0 0 3px #ccc; padding:10px; top:35px; width:215px; right:5px
}
.click-nav ul li ul li{ float: none; position:relative; border-bottom:1px dotted #ccc; padding:6px 0px 6px 0; font-size:12px;line-height:14px;}
.click-nav ul li ul li img{ width:50px; border:1px solid #ddd; margin-right:5px;}
.delete_quick{ float:right}
.delete_quick a{ background:url(../images/delete_icon.png) no-repeat; width:20px; height:23px; display:block;}
.click-nav ul li ul li table{ width:100%;}
.cart_icon{ position:absolute; top:0px;} 
.cart_name{ font-size:19px; color:#000; padding-left:5px;} 
.cart_quanity{ font-size:13px; background: url(../images/bg_bag_m.png) no-repeat center center; color:#FFF; padding:15px 11px 10px 12px; background-size:33px 40px; }
.cart_cost a{  display:block; padding:0px; cursor:pointer }
.cart_cost a:hover{ text-decoration: none}
.quotat_now{ float:right; margin:10px 0 0 0 }

.quotat_now a{ border-radius:2px; padding:6px 11px; text-align: center; background:#066790; color:#fff; }
.quotat_now a:hover{ background:#22943a; 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; border-radius:4px; 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; border-radius:4px; 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;}
.box_submit{ border:1px solid #ccc; background:#076495;padding:3px 20px; border-radius:4px; text-align: center; font-family: 'Roboto Condensed', sans-serif; font-size:15px; color:#FFF }
.box_submit:hover{ border:1px solid #ccc; background:#333;}

.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:#066790; font-weight:bold}
.shoppingcart .enqyiry{ color:#22943a; 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:#1e3078; color:#fff;}


.video_post{ float:left; width:48%; margin:0 15px 15px 0}

.video_post iframe{ width:100%; height:320px;}
.video_post_left{ float:left; width:48%; margin:0 15px 15px 0}
.video_post_left iframe{ width:100%; height:320px;}

#our_products{float:left; width:48%;}
.our_products_title{color: #1e3078; font-size:28px;}
.our_products_image{ width:100%; border:2p solid #fff; box-shadow:0 0 3px rgba(0,0,0,.3); margin:20px 0;}
#our_products ul{margin:auto; list-style:none;}
#our_products ul li{padding-bottom:5px; font-size:15px;}
#our_products ul li a{color:#1F2F7A; background:url(../images/pt_arrow.png) no-repeat left center; padding-left:20px;}
#our_products #raven{padding:0px 0px 65px 24px; font-size:18px;}
#our_products #raven a{color:#FF833D; padding:0px 5px; text-decoration:underline;}
#our_products #raven a:hover{color:#1e3078; }
#image_raven{padding:2px 0 0px 4px; position:relative; top:2px;}


#news_body img{top:110px; float:right; left:170px; position:relative;}

#product_page{background:url(../images/bg_inner.jpg) center top white;}
#product_screen{}

.banner_title{ width:100%; position:relative; height:auto; margin:20px 0;}
.banner_title img{ width:100%; border:1px solid #fff; box-shadow:1px 2px 3px rgba(0,0,0,.2)}
.banner_title h1{ position:absolute; background:rgba(255,255,255,.7); color:#50158c; text-shadow:0px 0px 2px rgba(0,0,0,.1); text-transform:uppercase; padding:13px 20px; top:65%; right:-2px; font-size:34px; font-weight:normal}

.leaf_des{ margin:35px 0}
.leaf_des p{ ffont-size:23px; padding:0px 0; margin-bottom:5px}
.leaf_des p span{ font-size:36px;}
.leaf_des .light{ color:#F60}
.leaf_des .energy{ color: #099}
.leaf_des .acoustics{ color: #06C}
.leaf_des .fire{ color: #F30}

.fb_Link{ float:left; margin:20px 0 30px 0;}
.fb_Link img{}

.btn_sitemap{ float:right; margin:0px 0 0 ; font-size:17px;}
.btn_sitemap a{ background:url(../images/bg_map.png) no-repeat center top; padding:17px 50px 20px 50px; width:157; text-align: center; display:block; }
.btn_sitemap span{ padding:0 10px 0 0;}
.btn_sitemap a:hover{ background:url(../images/bg_map_over.png) no-repeat center top;}

div.error, table tr.error{ display:none;}
.latest_listing{ padding:20px;}
.latest_listing ul { list-style:none; margin:0; padding:0;}
.latest_listing ul li{ border-bottom:1px dotted #ddd; padding:5px 0; }
.latest_listing ul li span{ padding:10px 15px; display:inline-block}
.latest_listing ul li a{ display:inline-block;}
.latest_listing ul li .view a{ background:#4d1289; color:#fff; padding:5px 15px; margin:7px 0 0 0;}
.latest_listing ul li .view a:hover{ background:#ddd; color:#333; }


.number{ width:15%; float:left;}
.title_p{ width:70%; float:left;}
.view{ width:15%; float:left;}

.deep_background{ color:#fff; background:#653694;}

#slider_product img{ max-height: 400px;}

/* Tiny Carousel */
#slider1 {
height: 1%;
overflow: hidden; position:relative;
padding: 5px; width:760px; height:500px; float: left;
}
#slider1 .viewport {
float: left;
width: 750px;
height: 580px;
position: relative;
}
#slider1 .buttons {
display: block; 
margin: 30px 10px 0 0;
background-position: 0 -38px;
text-indent: -999em;
float: left;
width: 50px;
height: 50px;
overflow: hidden;
position: absolute; top:200px; z-index:11;
}
#slider1 .prev {
background:url(../images/arrow_ll.png) no-repeat; left:5px;
}

#slider1 .next {
background-position: 0 0;
margin: 30px 0 0 10px; right:0px;
right:50px; background:url(../images/arrow_rr.png) no-repeat;
}
#slider1 .disable {
visibility: hidden ;
}
#slider1 .overview {
list-style: none;
position: absolute;
padding: 0;
margin: 0;
width: 240px;
left: 0 top: 0;
}
.photo_area { position:relative; width:750px; height:550px;}

#slider1 .overview li {
float: left; position:relative;
height: 500px;
width: 730px; margin:0 15px ;
}
#slider1 .overview li img { border:5px solid #fff; box-shadow:0 0 3px rgba(0,0,0,.3)}

.swing_01 { left:0; position:absolute; z-index:9; top:10px;}
.swing_02 {right:0; position:absolute; top:15px; right:20px; }
.swing_03 { left:0; bottom:5px; position:absolute; z-index:7;}
.swing_04 { right:25px; bottom:10px; position:absolute; z-index:8}

.swing_01 img{ -ms-transform: rotate(3deg); /* IE 9 */
    -webkit-transform: rotate(3deg); /* Chrome, Safari, Opera */
    transform: rotate(3deg);}

.swing_02 img{ -ms-transform: rotate(-3deg); /* IE 9 */
    -webkit-transform: rotate(-3deg); /* Chrome, Safari, Opera */
    transform: rotate(-3deg);}

.swing_03 img{ -ms-transform: rotate(2deg); /* IE 9 */
    -webkit-transform: rotate(2deg); /* Chrome, Safari, Opera */
    transform: rotate(2deg);}

.swing_04 img{ -ms-transform: rotate(4deg); /* IE 9 */
    -webkit-transform: rotate(4deg); /* Chrome, Safari, Opera */
    transform: rotate(4deg);}
	
.touching_stories{}
.touching_stories ul{ list-style:none; margin:20px; padding:0;}
.touching_stories ul li{ border:2px solid #ddd; margin:0 0 20px 0; }
.touching_stories ul li .Prev{ float:left; width:33%; border:1px solid #fff; }
.touching_stories ul li .right_content { float:right; width:65%;}