@import url("reset.css");

html, body{height:100%; width:100%; }
img{vertical-align: top;   }
strong{font-weight:bold;}
em{font-style:italic;}	
td{vertical-align:top;}
.clear{float:none; clear:both;}
p{margin-top:20px;}
p:first-child{margin-top:0px;}


body{
	font-family: 'Maven Pro';
	font-size:14px;
	line-height:18px;
	color:#6d6e71;
	font-weight:normal;
	}

body > div{
	opacity: 0;
    filter: alpha(opacity=0); /* For IE8 and earlier */
	}

body > .fancybox-overlay{
	opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
	}

input{
	font-family: 'Maven Pro';
	}

.center_content{
	width:1280px;
	margin:auto;
	position:relative;
	}

.content_wrapper{
	padding-bottom:150px;}


.hidden{
	display:none;}

/* header */

.header_wrapper{
	height:120px;
	position:relative;
	border-bottom:1px solid #eeeeee;
	z-index:102;
	}

.header_content{
	height:120px;
	position:relative;
	}

.header{
	margin:auto 100px;
	height:100%;
	position:relative;
}

.header_logo{
	position:absolute;
	top:0px;
	bottom:0px;
	margin:auto;
	height:46px;
	width:auto;
	}
	
.header_logo img{
	height:100%;
	width:auto;
	}	

.header_menu_wrapper{
	width:60%;
	right:0px;
	position:absolute;
	top:0px;
	height:100%;
	}
	
.header_menu{
	position:absolute;
	left:30px;
	right:100px;
	top:0px;
	bottom:0px;
	margin:auto;
	height:46px;
	z-index:101;
	}	
	

.header_menu_item1{
	font-size:14px;
	line-height:14px;}


.header_menu_item2{
	font-size:18px;
	line-height:14px;
	font-weight: 500;
	}

.header_menu_item1 a{
	color:#808285;
	}

.header_menu_item2 a{
	color:#6d6e71;
	position:relative;
	}
	
.header_menu_item a:hover{
	color:#000;
	}
	
.header_menu_item a .hover{
	border-top:3px solid #000;
	position:absolute;
	top:-10px;
	width:100%;
	display:none;
	}	

.header_menu_item a.header_menu_product.active{
	color:#000;
	}
	
.header_menu_item a:hover .hover, .header_menu_item a.active .hover{
	display:block;}	
	
.header_menu_item a.header_menu_product.active .hover{
	display:block;}	
	
.header_menu_item1 td{
	padding-bottom:12px;
	}

.header_menu_item2 td{
	padding-top:12px;
	border-top:1px solid #eee;
	}


.header_menu_item ul{
	float:right;
	}	

.header_menu_item li{
	float:left;
	width:20%;
	text-align:center;}	

.header_menu_item td .line{
	width:0px;
	border-left:1px solid #eee;
	height:14px;
	margin:auto;
	}
	
.header_menu_item table{
	width:100%;}
	
.header_menu_item table td{
	text-align:center;
	}	

.header_menu_item table td.link{
	width:1px;
	white-space:nowrap;
	position:relative;}


.header_menu_item table td+td{}

.header_menu_item table td.first{
	padding-left:0px;}
	
.header_menu_item table td.last{
	padding-right:0px;}	

.header_search_wrapper{
	position:relative;
	}

.header_search{
	position:absolute;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	}

.header_search_submit{
	display:none;}

.header_search_text_wrapper{
	position:absolute;
	margin:auto;
	left:0px;
	right:24px;
	top:0px;
	bottom:12px;
	}

.header_search_text{
	background:none;
	border:none;
	text-align:left;
	position:absolute;
	width:100%;
	height:100%;
	font-size:14px;
	line-height:14px;
	padding:0px;
	display:block;
	color:#808285;
	}

.header_search_btn{
	position:absolute;
	right:0px;
	top:0px;
	bottom:12px;
	height:12px;
	margin:auto;
	}

.header_search_btn .icon{
	height:100%;
	width:auto;
	}
	
/* header dropdown */

.header_dropdown_wrapper{
	position:absolute;
	top:100%;
	width:66.67%;
	left:0px;
	z-index:100;
	height:501px;
	font-size:14px;
	line-height:18px;
	color:#6d6e71;
	display:none;
	}
	
.header_pointer{
	width:100%;
	position:absolute;
	left:0px;
	top:0px;
	border-top:2px solid #eee;
	}	

.header_pointer .text{
	position:absolute;
	left:30px;
	top:0px;
	height:40px;
	margin-top:-40px;
	font-size: 18px;
    font-weight: 500;
    line-height: 14px;
	opacity: 0;
    filter: alpha(opacity=0); /* For IE8 and earlier */
	z-index:-10;
	}	
	
.header_pointer .arrow{
	left:30px;
	top:-15px;
	margin-left:20px;
	position:absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 15px 15px 15px;
	border-color: transparent transparent #eee transparent;
	}		
	
.header_dropdown_wrapper .col1{
	float:left;
	width:50%;
	background-color:#FFF;
	height:100%;
	}	
	
.header_dropdown_wrapper .col2{
	float:left;
	width:100%;
	height:100%;
	}	

.header_dropdown_wrapper .col1_2{
	width:50%;
	background-color:#eee;
	}		
	
.header_dropdown_wrapper .spacing{
	padding:30px 0px;
	}	
	
.header_dropdown_wrapper .col1 ul + ul{
	margin-top:15px;}	

.header_dropdown_wrapper .col1 a{
	margin:0px 40px 0px 30px;
	display:block;
	color:#6d6e71;
	position:relative;
	}
	
.header_dropdown_wrapper .col1 a .arrow{
	position:absolute;
	right:0px;
	top:0px;
	bottom:0px;
	margin:auto;
	}	
	
.header_dropdown_wrapper .col1 .title{
	margin-bottom:15px;
	font-weight:bold;
	font-size:18px;
	line-height:22px;
	padding:0px 30px;}	
	
.header_dropdown_wrapper .col1 .title a{
	margin:0px;}		

.header_dropdown_wrapper .col1 li.active:hover{
	background-color:#eee;}

.header_dropdown_wrapper .col1 li.active:hover a{
	color:#000;}

.header_dropdown_wrapper .col1 li.active .col1 a{
	color:#6d6e71;}

.header_dropdown_wrapper .col1 li.active .col1 a:hover{
	color:#000;}

.dropdown_hover{
	position:absolute;
	left:50%;
	top:0px;
	z-index:100;
	display:none;
	}		
	
.dropdown_hover_thumb{
	margin:0px 30px;}	
	
.dropdown_hover_thumb img{
	width:100%;
	height:auto;
	}
	
.header_dropdown_wrapper .col1 li.active:hover .dropdown_hover{
	display:block;}	

.dropdown_hover_thumb_hover{
	position:absolute;
	top:30px;
	right:0px;
	width:50%;
	z-index:100;
	display:none;
	}
	
.dropdown_hover .col1 li.active:hover .dropdown_hover_thumb_hover{
	display:block;}		
	
.dropdown_hover_thumb_hover img{
	width:100%;
	height:auto;
	}	

/* breadcrumb */

.breadcrumb{
	background-color:#eeeeee;
	font-size:20px;
	line-height:28px;
	margin-top:-1px;
	position:relative;
	z-index:101;
	}
	
.breadcrumb_content{
	padding:20px 100px;
	}	

.breadcrumb a{
	color:#6d6e71;
	}

.breadcrumb a:hover{
	color:#000;
	}

/* text */


/* home */


.home_banner{
	position:relative;
	}

.home_banner_item_wrapper, .home_banner_item{
	width:1280px;
	height:500px;
	overflow:hidden;
	position:relative;
	}

.home_banner_item .banner{
	width:100%;
	height:100%;
	overflow:hidden;
	position:relative;
	}
	
.home_banner_item .text{
	position:absolute;
	margin:auto;
	top:85px;
	right:100px;
	left:100px;
	color:#FFF;
	font-weight: 500;
	text-shadow: 0 0 5px rgba(0,0,0, 0.5);
	}	
	
.home_banner_item .text.left_top{
	top:85px;
	}	

.home_banner_item .text.left_bottom{
	top:auto;
	bottom:85px;
	}	
	
.home_banner_item .text.right_top{
	top:85px;
	text-align:right;
	}	
	
.home_banner_item .text.right_bottom{
	top:auto;
	bottom:85px;
	text-align:right;
	}				
	
	
.home_banner_item .text a{
	color:#FFF;
	}	
	
.home_banner_item .text a:hover{
	color:#000;
	}		
	
.home_banner_item .text1{
	font-size:40px;
	line-height:48px;
	}	

.home_banner_item .text2{
	font-size:24px;
	line-height:32px;
	margin-top:20px;
	}	

.home_banner_item  .text2:first-child{
	margin-top:0px;
	}

.home_banner_slideshow_nav{
	position:absolute;
	left:100px;
	bottom:20px;
	color:#FFF;
	z-index:100;}

.home_banner_slideshow_nav a{
	float:left;}

.home_banner_slideshow_nav a+a{
	margin-left:8px;
	}

.home_banner_slideshow_nav div{
	float:left;
	cursor:pointer;
	width:8px;
	height:8px;
	position:relative;
	}	
	
.home_banner_slideshow_nav div img{
	position:absolute;
	width:100%;
	height:100%;
	left:0px;
	top:0px;}
	
	
.home_banner_slideshow_nav div+div{
	margin-left:10px;
	}


.home_banner_slideshow_nav .normal{
	}
	
.home_banner_slideshow_nav .over{
	opacity: 0;
    filter: alpha(opacity=0); /* For IE8 and earlier */
	}	

.home_banner_slideshow_nav div.active .over, .home_banner_slideshow_nav div:hover .over{
	opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
	}
	
.home_banner_slideshow_nav div.active .normal, .home_banner_slideshow_nav div:hover .normal{
	opacity: 0;
    filter: alpha(opacity=0); /* For IE8 and earlier */
	}	

.home_feature{
	position:relative;
	}


.home_feature_item{
	display:block;
	position:relative;
	color:#6d6e71;
	}

.home_feature_item:hover{
	color:#000;
	}

.home_feature_item .thumb{
	background-color:#fff;}



.home_feature_item .thumb img{
	width:100%;
	height:auto;
	border: 1px solid #eee;
	}

.home_feature_item:hover .thumb img{
	opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
	}
	

.haveslide.home_feature_slideshow{
	border: 1px solid #eee;
	background-color:#eee;
	box-sizing: border-box;
	}		
	

.haveslide .home_feature_item .thumb img{
	border:none;
	}
	
	
.home_feature_item .text{
	position:absolute;
	left:1px;
	right:1px;
	bottom:1px;
	font-size:14px;
	line-height:20px;
	padding:10px;
	background-image:url(images/w_overlay.png);
	}	
	


.home_feature_slideshow_btn{
	position:absolute;
	top:0px;
	bottom:0px;
	margin:auto;
	height:40px;
	z-index:100;
	}	
	
.home_feature_slideshow_btn img{
	height:100%;	
	width:auto;
	}	
	
.home_feature_slideshow_btn:hover img{
	opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
	}	
	
.home_feature_slideshow_prev{
	left:15px;
	display:none;
	}	

.home_feature_slideshow_next{
	right:15px;
	display:none;
	}		
	
/* home project */

.project_item{
	float:left;
	width:33.33%;
	margin-top:60px;
	text-align:center;
	}	
	
.project_item_wrapper{
	padding-top:50px;
	margin-left:100px;
	margin-right:100px;}
	
.project_item_inwrapper{
	margin-left:-25px;
	margin-right:-25px;
	margin-top:-60px;
	}
	
.project_item .spacing{
	padding:0px 25px;
	}	
	
.project_item .thumb, .project_item .thumb img{
	width:100%;}	

.project_item .text{
	font-size:16px;
	line-height:22px;
	font-weight:400;
	color:#6d6e71;
	margin-top:20px;
	text-align:center;
	}
	
a.project_item:hover .text{
	color:#000;
	}	

.project_item .link_btn_wrapper{
	font-size:18px;
	line-height:26px;
	margin-top:20px;
	}

.project_item .link_btn{
	color:#0033cc;
	font-weight:bold;
	}


/* project detail */


.detail_content{
	padding-top:50px;
	padding-left:100px;
	padding-right:100px;
	}
	
.detail_title{
	border-bottom:1px solid #eeeeee;
	padding-bottom:10px;
	}	
	
.detail_title .text{
	float:left;
	}	
	
.detail_title .icon_wrapper{
	float:right;
	}	

.detail_title .icon_wrapper li{
	float:left;}

.detail_title .icon_wrapper li+li{
	margin-left:20px;
	}

.detail_title .icon_wrapper .icon{
	height:57px;
	}	

.icons_guideline_btn_wrapper{
	margin-top:40px;
	}

.icons_guideline_btn{
    border: 1px solid #eeeeee;
	background-color:#fff;
	padding:10px 15px;
	color:#6d6e71;
	cursor:pointer;
	}	

.icons_guideline_btn:hover{
    border: 1px solid #6d6e71;
	background-color:#6d6e71;
	color:#FFF;
	}

.detail_content_content{
	margin-top:40px;
	}

.detail_content_content .photo{
	margin-top:40px;
	}
	
.detail_content_content .photo img{
	max-width:100%;
	height:auto;
	display:block;
	margin:auto;
	}	

.detail_content_content .text{
	margin-top:40px;
	}
	
.detail_content_content .photo:first-child, .detail_content_content .text:first-child{
	margin-top:0px;
	}	

.col1_item_wrapper .icon_wrapper{
	margin-left:-20px;
	}	

.col1_item_wrapper .icon_wrapper li{
	float:left;
	margin-top:20px;
	margin-left:20px;}

.col1_item_wrapper .icon_wrapper .icon{
	height:60px;
	}	


.product_detail_big_slide{
	width:500px;
	margin:auto;
	position:relative;
	}

.product_detail_big_slide_item{
	cursor:pointer;}

.product_detail_big_slide_item .img{
	width:100%;
	height:auto;
	}
	
.product_detail_big_slide_item .zoom{
	position:absolute;
	top:10px;
	right:10px;
	height:20px;
	width:20px;
	z-index:100;
	}	

.product_detail_big_slide_item .zoom img{
	width:100%;
	height:100%;
	}



.product_detail_big_slide_item .zoom:hover img{
	opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
	}	

.product_detail_small_slide{
	width:500px;
	margin:auto;
	position:relative;
	}

.product_detail_small_slide.haveslide{
	background-color:#eeeeee;
	border:1px solid #eeeeee;
	box-sizing: border-box;
	}

.product_detail_small_slide_item{
	cursor:pointer;
	background-color:#FFF;}
	
.product_detail_small_slide.haveslide	.product_detail_small_slide_item{
	border-right:none;
	}

.product_detail_small_slide{
	/*border:1px solid #eeeeee;
	*/
	}	

.product_detail_small_slide_item:hover img{
	opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
	}
	
.product_detail_small_slide_item img{
	width:100%;
	height:auto;
	border:1px solid #eeeeee;
	}

.product_detail_small_slide_item + .product_detail_small_slide_item img{
	}

.product_detail_small_slide.haveslide .product_detail_small_slide_item img{
	border:none;
	}



.product_detail_small_slide_prev{
	position:absolute;
	left:0px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 12px 7px 0;
	border-color: transparent #6d6e71 transparent transparent;
	margin:auto;
	top:0px;
	bottom:0px;
	z-index:100;
	margin-left:-22px;
	display:none;
	}
.product_detail_small_slide_next{
	position:absolute;
	right:0px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 0 7px 12px;
	border-color: transparent transparent transparent #6d6e71;
	margin:auto;
	top:0px;
	bottom:0px;
	z-index:100;
	margin-right:-22px;
	display:none;}

.product_detail_small_slide_prev:hover, .product_detail_small_slide_next:hover{
	opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
	}
	

.product_detail_download_wrapper{
	width:500px;
	margin:auto;
	position:relative;
	text-align:center;
	padding-top:50px;
	}
	
.product_detail_download_wrapper a{
	font-size:18px;
	line-height:26px;
	color:#0033cc;
	font-weight:500;
	}

.product_detail_related{
	margin-top:40px;
	margin-left:100px;
	margin-right:100px;
	}

.product_detail_related_title{
	font-weight:bold;
	margin-bottom:20px;
	}	

/* number */

.page_num_wrapper{
	margin-top:60px;
	text-align:center;
	}

.page_num_wrapper a, .page_num_wrapper span{
	color:#6d6e71;
	display:inline-block;
	padding:0px 10px;
	}

.page_num_wrapper a, .page_num_wrapper span{
	border-left:1px solid #eeeeee;}	

.page_num_wrapper a:first-child, .page_num_wrapper span:first-child{
	border-left:none;
	}

.page_num_wrapper a:hover, .page_num_wrapper span.current{
	color:#000;
	}	

.wp-pagenavi{
	display:inline;
	}		

.yarpp-related a{
	font-weight:normal !important;}

/* search */

.big_search{
	}
	
.big_search .search_box{
	border:none;
	background:none;
	border: 1px solid #6d6e71;
	padding:5px 10px;
	height:18px;
	width:300px;
	margin:0px;
	display:inline-block;
	vertical-align:top;
	}	

.big_search .search_btn{
	margin:0px;
	margin-left:10px;
	border:none;
	background:none;
	font-size: 20px;
    line-height: 28px;
	display:inline-block;
	vertical-align:top;
	padding:0px 10px;
	background-color:#6d6e71;
	color:#FFF;
	border: 1px solid #6d6e71;
	}

.big_search .search_btn:hover{
	background-color:#FFF;
	color:#6d6e71;
	}

.search_item_wrapper{
	margin-top:40px;
	}

.search_item{
	margin-top:20px;}

.search_item a{
	color:#0033cc;
	}	
	
.search_item a:hover{
	color:#000;
	}
	
/* text */




.col_wrapper1{
	}

.col_wrapper1 .col1{
	float:left;
	width:435px;
	}
	
.col_wrapper1 .col2{
	float:right;
	width:550px;
	}	
	

.col_wrapper1{
	padding-top:40px;
	}	

.col1_item_title{
	border-bottom:1px solid #eeeeee;
	padding-bottom:10px;
	margin-bottom:10px;
	}
	
.col1_item strong{
	font-weight:bold;}	

.col1_item .text{
	line-height:22px;}

.col1_item table{
	width:auto;}

.ad_title{
	font-weight:bold;
	color:#000;
	float:left;
	}

.ad_detail{
	overflow:hidden;
	margin-left:5px;
	float:left;
	}

.col1_item{
	margin-top:40px;
	}

.col1_item a{
	color:#6d6e71;}

.col1_item a:hover{
	color:#000;
	}

.col1_item_wrapper{
	margin-top:-40px;
	}

.col1_item .title2{
	font-weight:bold}	
	
.title1{
	font-size:36px;
	line-height:46px;
	}	
	
.title2{
	font-size:24px;
	line-height:34px;
	}	
	
.title3{
	font-size:18px;
	line-height:28px;
	}	
	

/* footer */

.footer_wrapper{
	font-size:14px;
	line-height:14px;
	background-color:#eee;
	}
	
.footer{
	padding:20px 100px;
	}	
	
.footer1{
	float:left;}	

.footer2{
	float:right;}	
	
.footer a{
	color:#6d6e71;
	}
	

.footer a:hover{
	color:#000;
	}	
	
	
/* mobile */

.mobile_show, .mobile_show2{
	display:none;}

.mobile_hide, .mobile_hide2{
	display:block;
	}


@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 
	
}	

@media screen and (max-width: 1280px) { 

}

@media screen and (max-width: 960px) { 

/* header */

/* common */

/* text */


/* mobile */

}

@media screen and (max-width: 480px) { 

/* header */

/* mobile */

.mobile_hide2{
	display:none;
	}
	
.mobile_show2{
	display:block}	

}