html, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, img {
	margin:0;
	padding:0;
	border:0;
	text-decoration: none;
}
@font-face {
    font-family: 'LatoRegular';
    src: url('lato-regular-webfont.eot');
    src: url('lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('lato-regular-webfont.woff') format('woff'),
         url('lato-regular-webfont.ttf') format('truetype'),
         url('lato-regular-webfont.svg#LatoRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MavenProBold';
    src: url('mavenpro-bold-webfont.eot');
    src: url('mavenpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('mavenpro-bold-webfont.woff') format('woff'),
         url('mavenpro-bold-webfont.ttf') format('truetype'),
         url('mavenpro-bold-webfont.svg#MavenProBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MavenProRegular';
    src: url('mavenpro-regular-webfont.eot');
    src: url('mavenpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('mavenpro-regular-webfont.woff') format('woff'),
         url('mavenpro-regular-webfont.ttf') format('truetype'),
         url('mavenpro-regular-webfont.svg#MavenProRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
html, body{
	padding:0;margin:0;
	font:normal 12px/16px 'MavenProRegular',Arial, Helvetica, sans-serif;
	color:#4D4D4D;
}
html{
	overflow-x:hidden;
	overflow-y:auto;
	min-width:960px;
}
body{
	min-width:960px;
}
a{color:#868789;outline:none;text-decoration:none}
a:hover{text-decoration:none}
a img{border:none;}
h1{ font:bold 20px/90px 'MavenProBold',Arial, Helvetica, sans-serif;color:#4D4D4D;text-transform:uppercase}
h2{font:bold 17px/2 'MavenProRegular',Arial, Helvetica, sans-serif;color:#4D4D4D}
h3{font:bold 15px/2 'MavenProRegular',Arial, Helvetica, sans-serif;color:#4D4D4D}
.hand{cursor:pointer}
.hidden{display:none}
.left{float:left}
.right{float:right}
.txt_t {font-family: "ËÎÌå";font-size: 9pt;color: #ACACAC;text-decoration: none;}
.bj{ width:100%; height:570px; background-color:#F3F5F4;padding:0 0 0px; margin-top:209px;position: absolute;z-index: 1;}

#top{width:100%; height:20px; background-image:url(../images/top01.gif); background-repeat:repeat-x;margin:auto}
#container{width:960px;margin:auto}
#header{padding:15px 0 0; position:relative;height:117px;}
#header #logo{float:left;width:489px;position:absolute;top:30px;left:0 }
#header #header-rt{width:790px;float:right }
#header #language{color:#AFAFAF;height:33px;text-align:right}
#header #language a{color:#AFAFAF;font:italic 13px/1 'MavenProRegular',Arial, Helvetica, sans-serif;}
#header #navi{text-align:right; margin-top:25px;}
#header #navi a{margin:0 10px}
#header #navi .top-navi {font:normal 14px/1.2 '΢ÈíÑźÚ',Arial, Helvetica, sans-serif;color:#575656;}
#header #navi .top-navi a:hover{color:#181818}
#header .sub-navi{background:url(../images/bg_submenu.png) no-repeat top left; position:absolute;top:95px; z-index:20}
/*#header .sub-navi .sub-navi-text{margin-top:9px;padding:0 12px 0; background:#dedede;color:#000; font:bold 12px/28px 'MavenProRegular',Arial, Helvetica, sans-serif}*/
#header .sub-navi .sub-navi-text{margin-top:9px;padding:0 12px 0; background:#EFEFEF;color:#7A7A7A; font:bold 12px/28px Arial, Helvetica, sans-serif}
#header .sub-navi .sub-navi-text a{color:#7A7A7A;/* margin:0 5px*/ margin:0}
#header .sub-navi .sub-navi-text a:hover{color:#8D7A4E}

#content{border-top:1px solid #CDCFCE; margin:5px 0;padding:0 0 0px}
#content #market-menu{}
#content #market-menu .col{width:300px;margin-right:30px;float:left}
#content #market-menu .col.col3{margin-right:0}
#content #market-menu .col .title{margin-left:10px;font:bold 20px/35px 'MavenProRegular',Arial, Helvetica, sans-serif;width:200px;float:left}
#content #market-menu .col .arrow{margin-right:10px;float:right;padding-top:13px}
#content #market-menu .col .text{border-top:1px solid #c6c6c6; padding-top:15px;color:#878686; height:0px;font:normal 12px/2 'LatoRegular',Arial, Helvetica, sans-serif;}

#content #market-menu .col.col1 .title a{color:#8A8A8A;display: block;width: 255px;}
#content #market-menu .col.col2 .title a{color:#8A8A8A;display: block;width: 255px;}
#content #market-menu .col.col3 .title a{color:#8A8A8A;display: block;width: 255px;}
#content #market-menu .col .title a:hover{color:#8D7A4E}
#content #market-menu .col .title a.active{color:#8D7A4E}

#content #main{position:relative;border-top:25px solid #CDCFCE}
#content #main.home {
	width: 960px;
	height: 570px;
	border-top: none;
	padding-bottom:0px;
	overflow:hidden;
}
#content #main .col{width:200px;height:570px;position:relative; left:0; top:0;z-index:10}
#content #main .col .text{width:160px; position:absolute; left:20px; bottom:40px;color:#fff}
#content #main .col .text a.big{display:block}

#content #main.home h1{padding:0;font:bold 18px/90px 'LatoRegular',Arial, Helvetica, sans-serif;}
#content #main.home .text{font:italic 15px/20px 'MavenProRegular',Arial, Helvetica, sans-serif;}

#content #main .col.col1{ background:#8DC63F}
#content #main .col.col2{ background:#00A79D}
#content #main .col.col3{ background:#27AAE1}

#content #main #gallery_wrap{height:570px;position:absolute; left:0; top:0; z-index:1;width:960px;}
#content #main #gallery_real{position:absolute; left:0; top:0; z-index:2;padding-left:0px }
#content #main #gallery_virtual{padding-left:0px }

/*page ¿ªÊ¼*/

.page{text-align: center;margin: 50px 0 20px;}
.page a{display: inline-block;*display: inline;font-family: "ËÎÌå";font-size: 12px;line-height: 24px;padding:0 16px;background: #009731;border-radius: 12px;border:1px solid #009731;margin: 0 5px;}
.page a:hover{background: none;color: #009731;}
.page .goto{text-align: center;width: 70px;height: 24px;line-height: 24px;border-radius: 12px;border:1px solid #009731;outline: 0;color:#009731;}

.clear{clear: both;}

#footer{color:#A4A4A4;font-size:12px;font-family: '΢ÈíÑźÚ'; height:25px; line-height:25px; background-color:#EEEEEE;}
#footer .right{text-align:right}
#footer .right a{color:#C4C4C4;font-size:10px}
#footer .left a{margin:0 4px;text-transform:uppercase}
#footer a{color:#A0A0A0;}
#footer a.thread{color:#C4C4C4}

#content #main.market .col-lt{ float:left; padding:0 0 0 10px;height:370px;}
#content #main.market .col-lt a{color:#A5A4A4; font:bold 17px/1.7 'MavenProRegular',Arial, Helvetica, sans-serif; display:block}
#content #main.market .col-lt a.active{color:#8D7A4E}
#content #main.market .col-md{width:219px; float:left; border-left:1px solid #a5a5a5;padding-left:60px; height:370px;}
#content #main.market .col-md ul{ list-style:none;font-size:15px;line-height:1.6}
#content #main.market .col-md ul li a{color:#5a5959;font-weight:bold}
#content #main.market .col-rt{width:400px; float:right; border-right:0px solid #a5a5a5;padding:0 0 0 30px;height:370px;}
#content #main.market .col-rt h3{font:bold 21px/2 'MavenProRegular',Arial, Helvetica, sans-serif;color:#4D4D4D}


#content #main.home h1{color:#fff; padding:auto}

#content #main h1{color:#8D7A4E; padding:0 10px}
#content #main h1 a{color:#8d7a4e;}
#content #main h1 span.grey{color:#5A5959}
#content #main h1 span.grey a{color:#5A5959}
#content #main .x{float:left; height:440px; border-right:solid #CCCCCC 1px; margin-top:90px;}
#content #main .col-lt{width:150px; float:left;}
#content #main .col-lt .block{margin:0 10px}
#content #main .col-lt .block h3,#content #main #ext h3{line-height:20}
#content #main .col-lt .split{margin:10px 0;height:1px;background:#a5a5a5; overflow:hidden}
#content #main .col-lt a{color:#A5A4A4; font:bold 17px/28px 'MavenProRegular',Arial, Helvetica, sans-serif; display:block}
#content #main .col-lt a.active{color:#8d7a4e;font-style:italic}
#content #main .col-rt{width:700px; float:right;}
#content #main .col-rt h1{margin:0;padding:0;line-height:1}

div.large_image{height:340px;position:relative;}
div.large_image .spinner{position:absolute;left:255px;top:149px}
.market-thumb{padding:20px 0 0;height:80px}
.market-thumb-list{}
.market-thumb-list img{margin-right:20px; width:146px; white-space:nowrap}
.market-thumb-list img.last{margin-right:0;}

#content #main .col-lt h3.download a{line-height:35px}
#content #main .col-lt h3.download a img{vertical-align:bottom; margin:5px 2px}

#content #main .col-lt .other-thumb-list a{display:inline}
#content #main .col-lt .other-thumb-list img{margin:10px 20px 10px 0}

#ext{ border-top:1px solid #a5a5a5;padding:0 15px;}
#ext .service{margin:10px 0 40px}
#ext .flexcroll{ height:80px;}
.article{margin-top:90px; margin-bottom:10px;font:normal 14px/30px 'MavenProRegular',Arial, Helvetica, sans-serif;}
.article a{color:#8d7a4e}

ul.product-detail{list-style:none}
ul.product-detail li{margin:5px 0}

.flexcroll{outline:none}

#case-study-1,case-study-2{margin:20px 0 0px ; width:400px; float:right;}

.clearfix:before, .clearfix:after { content:""; } 
.clearfix:after { clear:both; overflow:hidden; } 
.clearfix { zoom:1; /* IE < 8 */ }

img#img_arrow{cursor:pointer}