@charset "utf-8";@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400);@import url("../../webfonts/Abel_Regular/stylesheet.css");
body{font-size:100%;line-height:1.25em;color:#666;text-decoration:none;font-family:"Myriad Pro", "Helvetica","Arial","Verdana", "Microsoft JhengHei","Microsoft Sans Serif", sans-serif;font-weight:200;height:100%;width:100%;background:#242424 url(../img/bg.gif) top left;}
body.fixed{overflow:hidden;}
h1{font-size:3.4em;}
h2{font-size:2em;}
h3{font-size:1.75em;}
h4{font-size:1.5em;}
h5{font-size:1.25em;}
h6{font-size:1em;}
h1, h2, h3, h4, h5, h6{
	line-height: 1.25em;
	margin-bottom: 0.25em;
	font-family: "Abel Regular", sans-serif;
}
a{color:#666;text-decoration:none;transition:color 0.3s;-webkit-transition:color 0.3s;-moz-transition:color 0.3s;-o-transition:color 0.3s;}
a:hover, a:active, a:focus{color:#8aa3d4;text-decoration:none;}
.wrapper{width:1150px;margin:0 auto;}
#header{box-shadow:0px 1px 5px #000;position:relative;z-index:995;background-color:#000;}
#header h1{font-size:1px;float:left;height:80px;width:135px;margin:0px;vertical-align:top;}
#header h1 a{background:url(../img/logo.svg) no-repeat center top;background:url(../img/logo.png) no-repeat center top \9;display:block;overflow:hidden;height:80px;width:135px;text-indent:-9999px;}
#header nav{position:relative;}
.menu{width:940px;padding:30px 0 0 40px;float:left;}
.menu a{color:#FFF;font-family:'Abel',Microsoft JhengHei, sans-serif;}
.menu a:hover, .menu a:active, .menu a:focus{color:#8aa3d4;text-decoration:none;}
.menu > li{float:left;margin:0 3.7em 0 0;padding-bottom:20px;display:inline-block;}
.menu > li:last-child{margin-right:0;}
.menu > li > a{font-size:1.1em;line-height:30px;}
.subMenu{display:none;position:absolute;top:80px;left:0;z-index:980;background:#111;width:100%;background-position:top center;background-repeat:no-repeat;box-shadow:0 0 3px #000;}
.subMenu .inner{padding:35px 175px 60px;min-height:150px;overflow:hidden;position:relative;z-index:981;}
.subMenu ul{float:left;width:260px;}
.subMenu li a{font-size:1.1em;line-height:1.9em;color:rgba(255,255,255,0.45);}
.subMenu li a:hover{color:#8aa3d4;}
.subMenu li.current a{color:#8aa3d4;}
.subMenu p{display:none;width:350px;font-size:0.8em;letter-spacing:0.05em;line-height:1.75em;color:rgba(255,255,255,0.6);color:#aaa\9;position:absolute;left:435px;top:35px;}
.subMenu .pic{display:none;width:1150px;height:400px;position:absolute;left:0;top:0;z-index:-1;background-position:top center;background-repeat:no-repeat;}
.subMenu li.current .pic{display:block;}
.subMenu li.current p{display:block;}
.subMenu ul:before{content:'';width:30px;height:30px;display:block;border-top:solid 1px rgba(255,255,255,0.2);}
.subMenu p:before{content:'';width:360px;height:30px;display:block;border-top:solid 1px rgba(255,255,255,0.2);}
header .search{background-color:#464646;position:absolute;z-index:990;right:0;top:0;height:80px;width:65px;overflow:hidden;transition:width 0.6s cubic-bezier(.53,.13,.1,1);-webkit-transition:width 0.6s cubic-bezier(.53,.13,.1,1);-moz-transition:width 0.6s cubic-bezier(.53,.13,.1,1);}
header .search.wide{width:400px;}
header .search input{display:none;float:left;font-size:1em;line-height:1.5em;width:280px;padding:5px 10px 5px 40px;margin:25px 30px 20px;border:solid 1px #999999;outline:none;background:#EEE url(../img/search_icon_gray.svg) no-repeat 10px center;background:#EEE url(../img/search_icon_gray.png) no-repeat 10px center \9;background-size:22px 22px;}
header .search input:focus{border:solid 1px #8aa3d4;box-shadow:0 0 4px #8aa3d4;}
header .search .btn{background:url(../img/search_icon.svg) no-repeat 21px 32px;background:url(../img/search_icon.png) no-repeat 21px 32px \9;height:80px;width:65px;display:inline-block;float:left;}
.content{min-height:500px;}
.index{}
.indexSlide{margin:30px auto;position:relative;}
.indexSlide .slide{height:500px;overflow:hidden;}
.indexSlide .slide div{}
.indexSlide .slide a.pre, .indexSlide .slide a.next{width:50px;height:500px;display:inline-block;position:absolute;top:0;cursor:pointer;opacity:0.5;filter:alpha(opacity=50);transition:opacity 1.5s;-webkit-transition:opacity 1.5s;-moz-transition:opacity 1.5s;-o-transition:opacity 1.5s;}
.indexSlide .slide:hover a{opacity:0.8;filter:alpha(opacity=90);}
.indexSlide .slide .pre{background:url(../img/arrow3-1.png) no-repeat left center;left:0;}
.indexSlide .slide .next{background:url(../img/arrow3-2.png) no-repeat right center;right:0;}
.indexSlide .slick-dots{bottom:10px;}
.indexSlide .slick-dots li button:before{color:#FFF;font-size:6px;text-shadow:0 0 5px rgba(0,0,0,0.8);}
.indexSlide .slick-dots li.slick-active button:before{color:#FFF;opacity:0.9;filter:alpha(opacity=90);}
.index .shortcut1{margin-bottom:30px;}
.index .shortcut1 .grid{position:relative;}
.index .shortcut1 .grid-item{position:absolute;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;background:#333;}
.index .shortcut1 a{display:block;position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background:url(../img/grid-item-bg.png) repeat top left;opacity:0;filter:alpha(opacity=0);transition:opacity 0.5s;-webkit-transition:opacity 0.5s;-moz-transition:opacity 0.5s;-o-transition:opacity 0.5s;}
.index .shortcut1 .inner{display:block;position:absolute;top:50%;left:0;width:100%;margin-top:-5em;text-align:center;vertical-align:middle;}
.index .shortcut1 .grid-item:hover a{opacity:1;filter:alpha(opacity=100);}
.index .shortcut1 h3{font-size:2em;color:#FFF;margin-bottom:0.5em;}
.index .shortcut1 h3, .index .shortcut1 h4{display:inline-block;width:100%;position:relative;}
.index .shortcut1 h4{font-size:1.2em;color:#BBB;margin-bottom:1.5em;}
.index .shortcut1 h4:before, .index .shortcut1 h4:after{content:'－';}
.index .shortcut1 p{font-size:1em;color:#FFF;border:solid 1px #FFF;padding:5px 20px;display:inline;position:relative;z-index:1;}
.index .shortcut1 p:hover{color:#000;border-color:#FFF;}
.index .shortcut1 p:after{content:'';position:absolute;height:100%;width:0;left:0;top:0;background-color:#FFF;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;z-index:-1;}
.index .shortcut1 p:hover:after{width:100%;}
.index .shortcut1 h3{-webkit-transform:translateY(-80px);-moz-transform:translateY(-80px);-o-transform:translateY(-80px);-ms-transform:translateY(-80px);transform:translateY(-100px);opacity:0;filter:alpha(opacity=0);-webkit-transition:all 0.3s cubic-bezier(0,.6,.53,1);-moz-transition:all 0.3s cubic-bezier(0,.6,.53,1);-o-transition:all 0.3s cubic-bezier(0,.6,.53,1);-ms-transition:all 0.3s cubic-bezier(0,.6,.53,1);transition:all 0.3s cubic-bezier(0,.6,.53,1);}
.index .shortcut1 h4, .index .shortcut1 p{-webkit-transform:translateY(100px);-moz-transform:translateY(100px);-o-transform:translateY(100px);-ms-transform:translateY(100px);transform:translateY(100px);opacity:0;filter:alpha(opacity=0);-webkit-transition:all 0.3s cubic-bezier(0,.6,.53,1);-moz-transition:all 0.3s cubic-bezier(0,.6,.53,1);-o-transition:all 0.3s cubic-bezier(0,.6,.53,1);-ms-transition:all 0.3s cubic-bezier(0,.6,.53,1);transition:all 0.3s cubic-bezier(0,.6,.53,1);}
.index .shortcut1 a:hover h3, .index .shortcut1 a:hover h4, .index .shortcut1 a:hover p{-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);opacity:1;filter:alpha(opacity=100);-webkit-transition:all 0.3s cubic-bezier(0,.6,.53,1);-moz-transition:all 0.3s cubic-bezier(0,.6,.53,1);-o-transition:all 0.3s cubic-bezier(0,.6,.53,1);-ms-transition:all 0.3s cubic-bezier(0,.6,.53,1);transition:all 0.3s cubic-bezier(0,.6,.53,1);}
.index .shortcut2{margin-bottom:30px;overflow:hidden;}
.index .shortcut2 h3{font-size:1.1em;font-weight:600;color:#46474A;margin-top:15px;margin-bottom:5px;}
.index .shortcut2 p{font-size:1em;line-height:1.5em;letter-spacing:0.06em;font-family:'Ek Mukta', sans-serif;font-weight:300;color:#808080;margin-bottom:5px;}
.index .shortcut2 a{font-size:0.9em;line-height:1.5em;font-weight:600;color:#8aa3d4;}
.shortcut2 .exhibition{display:block;float:left;width:810px;height:310px;background-color:#FFF;position:relative;}
.shortcut2 .exhibition .slide{width:690px;height:310px;padding:20px 0;margin:0 auto;position:relative;}
.shortcut2 .exhibition .item{position:relative;}
.shortcut2 .exhibition .item .inner{width:320px;padding:0 10px;}
.shortcut2 .exhibition .pic{height:150px;overflow:hidden;}
.shortcut2 .exhibition img{display:block;width:100%;height:auto;margin:0 auto;}
.shortcut2 .exhibition h3{width:100%;}
.shortcut2 .exhibition p{width:100%;max-height:3em;overflow:hidden;}
.shortcut2 .exhibition a.pre, .shortcut2 .exhibition a.next{width:50px;height:310px;display:block;position:absolute;top:0;background-image:url(../img/arrow1.gif);background-repeat:no-repeat;cursor:pointer;}
.shortcut2 .exhibition a.pre{left:-55px;background-position:0px center;border-right:solid 1px #CCC;}
.shortcut2 .exhibition a.next{right:-55px;background-position:-50px center;border-left:solid 1px #CCC;}
.shortcut2 .exhibition a.pre:hover{background-position:-100px center;}
.shortcut2 .exhibition a.next:hover{background-position:-150px center;}
.shortcut2 .news{display:block;float:right;width:320px;height:310px;background-color:#FFF;}
.shortcut2 .news .inner{padding:20px 20px;}
.shortcut2 .news .pic{width:100%;height:150px;overflow:hidden;}
.shortcut2 .news img{display:block;width:100%;height:auto;margin:0 auto;}
.shortcut2 .news h3{}
.shortcut2 .news p{max-height:3em;overflow:hidden;}
.shortcut2 .news a{}
.products{}
.products.ov h1{height:200px;padding:0 40px;margin-bottom:30px;line-height:190px;color:#FFF;text-shadow:1px 1px 1px #000;background-color:#111;background-repeat:no-repeat;background-position:center top;}
.productNav{overflow:hidden;}
.productNav li{height:350px;background-color:#FFF;overflow:hidden;margin-bottom:30px;background-repeat:no-repeat;background-position:top right;position:relative;box-shadow:0px 0px 5px #000;}
.productNav a{display:block;height:350px;}
.productNav .pic{float:right;width:750px;height:350px;overflow:hidden;background-color:#000;}
.productNav li img{transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;}
.productNav .inner{display:block;height:250px;width:300px;padding:40px;float:left;}
.productNav a h2{font-size:3em;color:#000;}
.productNav a p{font-size:1.6em;color:#000;width:200px;font-weight:600;display:block;position:absolute;left:40px;bottom:40px;background:url(../img/productList-arrow.gif) no-repeat 168px center;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;}
.productNav li:hover p, .productNav li:active p, .productNav li:focus p{color:#8aa3d4;text-decoration:none;background-image:url(../img/productList-arrow2.gif);}
.productNav li:hover img{opacity:0.7;filter:alpha(opacity=70);}
.products .shortcut1{margin-bottom:30px;overflow:hidden;}
.products .shortcut1 .col1{width:640px;height:370px;padding:30px 60px 30px 35px;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:url(../img/product-remoset-bg.jpg) no-repeat top left;position:relative;}
.products .shortcut1 .col2{width:490px;height:370px;padding:36px 60px 30px 35px;float:right;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:url(../img/product-customer-service-bg.jpg) no-repeat top right;position:relative;}
.products .shortcut1 h3{font-size:3.2em;line-height:1.2em;width:62%;}
.products .shortcut1 h4{font-size:1.2em;font-weight:bold;margin-bottom:0.5em;}
.products .shortcut1 .col1 h3{color:#000}
.products .shortcut1 .col1 h4{color:#C75656}
.products .shortcut1 .col2 h3{color:#209FAA}
.products .shortcut1 p{font-size:0.96em;line-height:1.7em;width:80%;color:#828282;}
.products .shortcut1 .col1 p{width:68%}
.products .shortcut1 a{font-size:1em;width:140px;height:36px;position:absolute;left:30px;bottom:35px;border:solid 2px #666;line-height:36px;text-align:center;font-weight:bold;}
.products .shortcut1 .col1 a{border-color:#C75656;color:#C75656;}
.products .shortcut1 .col2 a{border-color:#1F959E;color:#1F959E;}
.products .shortcut2{margin-bottom:30px;padding:50px 50px 80px;;overflow:hidden;text-align:center;background:url(../img/product-shortcut-bg.jpg) no-repeat top center;}
.products .shortcut2 .col{display:inline-block;width:320px;height:360px;vertical-align:top;margin:8px;background-color:rgba(255,255,255,0.8);}
.products .shortcut2 .pic{width:320px;height:210px;background-color:#FFFFFF;margin-bottom:1.5em;}
.products .shortcut2 h3{font-size:3.2em;color:#FFF;width:90%;margin:0 auto 50px;overflow:hidden;text-shadow:1px 1px 3px #000}
.products .shortcut2 h4{font-size:1.6em;color:#66AAB6;font-weight:600;width:90%;margin:0 auto 0.3em;overflow:hidden;}
.products .shortcut2 p{font-size:0.9em;color:#666;max-height:4em;width:80%;margin:0 auto;overflow:hidden}
.products .shortcut2 a{width:320px;height:360px;display:block;}
.products.list{background-color:#fff;}
.products.list header{width:1150px;height:445px;padding:70px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-color:#666;background-repeat:no-repeat;background-position:left top;}
.products.list header h1{font-size:3.2em;color:#FFF;overflow:hidden;text-shadow:1px 1px 3px #000;}
.products.list header p{font-size:1em;line-height:1.5em;color:rgba(255,255,255,0.5);width:450px;}
.productsFilter{padding:50px 50px 15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;}
.productsFilter h2{font-size:2.4em;color:#000;display:inline;}
.productsFilter .hit{font-size:2.4em;color:#000;display:inline;}
.productsFilter .hit span.amount{color:#8aa3d4;padding:0 20px;margin-left:25px;position:relative;}
.productsFilter .hit span.amount:before{content:" ";position:absolute;left:0px;top:8px;border-left:solid 1px #CCC;height:35px;}
.productsFilter .hit span.fuond{font-size:1.4rem;color:#999999;}
.productsFilter h3{font-size:1.2em;color:#000;font-weight:bold;margin:0 0 30px 4px;position:relative;}
.productsFilter h3:after{content:" ";position:absolute;left:0px;bottom:-15px;border-bottom:solid 1px #D8D8D8;width:40px;}
.productsFilter .checkList{padding:1px;padding-bottom:40px;margin-top:50px;overflow:hidden;transition:all 3s;-webkit-transition:all 3s;-moz-transition:all 3s;-ms-transition:all 3s;-o-transition:all 3s;position:relative;}
.productsFilter .checkList:after{content:' ';position:absolute;width:100%;height:25px;bottom:0;left:0;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1)));background:-webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);background:-o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);background:-ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);background:linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0);}
#wraptoggle{height:420px;overflow:hidden;}
.productsFilter .col{float:left;min-width:260px;height:340px;overflow:hidden;margin:0 0 40px 0;padding:0 3px 0 15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-left:solid 1px #E4E4E4;border-right:solid 1px #E4E4E4;position:relative;}
.productsFilter .col+.col{margin-left:-1px;}
.productsFilter .clear{width:23px;height:23px;display:inline-block;background:url(../img/clear_icon.png) no-repeat center center;position:absolute;right:10px;top:0;}
.productsFilter ul{}
.productsFilter li{}
.productsFilter .col ul{float:left;width:240px;}
.productsFilter .col ul+ul{margin-left:20px;}
.productsFilter .col li{}
.productsFilter label{font-size:0.9em;padding:4px 0 4px 25px;display:block;line-height:1.5em;}
.productsFilter input[type=checkbox]{margin:0 5px 0 -20px;display:inline-block;}
.productsFilter label.disabled,
.productsFilter input[checkbox].disabled{cursor:not-allowed;color:#ccc;}
.productsFilter:after{position:absolute;bottom:-5px;display:inline-block;height:0px;width:0px;border-top:20px solid #f00;border-right:20px solid transparent;border-left:20px solid transparent;}
.filterArrow{clear:both;display:block;position:absolute;bottom:-27px;left:0;width:100%;height:52px;background:url(../img/arrow2.png) no-repeat center bottom;z-index:1;text-align:center;padding:0 0 10px 0;}
.filterArrow span{width:40px;height:45px;display:inline-block;background:url(../img/arrow2-click.png) no-repeat left bottom;animation-duration:3s;animation-name:click;animation-iteration-count:infinite;animation-timing-function:ease-in-out;-webkit-animation-duration:3s;-webkit-animation-name:click;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;}
.filterArrow span.close{background-position:right bottom;}
@keyframes click{60%{margin-top:0;}
70%{margin-top:10px;}
80%{margin-top:0;}
90%{margin-top:10px;}
100%{margin-top:0;}
}
@-webkit-keyframes click{60%{margin-top:0;}
70%{margin-top:10px;}
80%{margin-top:0;}
90%{margin-top:10px;}
100%{margin-top:0;}
}
.productsList{overflow:hidden;}
.productsList.mainList{padding:50px 45px 30px;background-color:rgb(247,247,247);}
.productsList .item{width:260px;float:left;margin:0 5px 40px 0;background-color:#FFF;}
.productsList .item:nth-of-type(4n+0){margin-right:0;}
.productsList .pic{width:260px;height:280px;background:#CCC url(../img/products_list.png) no-repeat top center;}
.productsList .inner{width:260px;height:320px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:25px 23px;position:relative;}
.productsList span.new{width:48px;height:55px;padding-right:3px;background:url(../img/new_tag_bg.png) no-repeat top center;color:#FFF;font-size:18px;line-height:55px;text-align:center;position:absolute;top:-288px;right:7px;}
.productsList h3{color:#000;font-size:1.5rem;font-weight:600;letter-spacing:-0.01em;margin-bottom:0.4em;max-height:2.6em;overflow:hidden;}
.productsList h4{font-size:1.05rem;color:#8aa3d4;font-weight:bold;letter-spacing:0.04rem;}
.productsList p{font-size:0.9em;margin:15px 0 0;max-height:5.5em;overflow:hidden;}
.productsList p:after{content:" . . .";}
.productsList h3 a{color:#444;}
.productsList .view{position:absolute;left:23px;bottom:30px;}
.productsList .view a{font-size:1em;text-align:center;font-weight:bold;color:#8aa3d4;padding:5px 30px;display:inline-block;border:solid 2px #8aa3d4;position:relative;background:none;z-index:1;}
.productsList .view a:hover{color:#FFF;}
.productsList .view:after{content:'';position:absolute;height:100%;width:0;left:0;top:0;background-color:#8aa3d4;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
.productsList .view:hover:after{width:100%;}
.buystrip .productsList h4{font-size:1rem;max-height:2.5em;overflow:hidden;}
.buystrip .productsList p{margin:10px 0 0;max-height:4em;}
.buystrip .productsList .inner{height:200px;}
.products.searchResults{background-color:#fff;}
.products.searchResults header{width:1150px;padding:30px 70px;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.products.searchResults h1{font-size:2.4em;color:#000;margin-bottom:0;display:inline;}
.searchResults .hit{font-size:2.4em;color:#000;display:inline;}
.searchResults .hit span.amount{color:#8aa3d4;padding:0 20px;margin-left:0;position:relative;}
.searchResults .hit span.fuond{color:#999999;}
.searchResults .filterArrow{background-image:url(../img/arrow2-wide.png);}
.productsWrapper{padding:70px 90px;background-color:#EDEDED;position:relative;margin-bottom:34px;}
.productsWrapper header{position:relative;margin-bottom:50px;}
.products .main{width:390px;height:450px;padding:42px 20px 30px 30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-color:#FFFFFF;float:right;position:relative;z-index:90;}
.products .main h1{font-size:2.2em;color:#222;}
.products .main h1 span{font-size:18px;line-height:55px;text-align:center;width:48px;height:55px;padding-right:3px;background:url(../img/new_tag_bg.png) no-repeat top center;color:#FFF;position:absolute;top:-8px;right:10px;}
.products .main .inner{height:280px;overflow:auto;padding:0 0 10px 0;margin-bottom:15px;outline:none;position:relative;}
.products .main .inner:after{content:' ';position:absolute;width:98%;height:20px;bottom:0;left:0;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1)));background:-webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);background:-o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);background:-ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);background:linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0);}
.products .main p{/*font-family:'Ek Mukta', sans-serif;*/font-size:0.85em;line-height:1.75em;font-weight:300;color:#888;padding-right:10px;}
.products .main .certified{position:absolute;bottom:30px;left:30px;}
.products .main .certified img{margin:0 10px 0 0;display:inline-block;vertical-align:middle;}
.products .slide{position:relative;height:450px;}
.products .slide .item{width:550px;height:450px;overflow:hidden;position:absolute;}
.products .slide img{}
.products .slide a{width:45px;height:45px;display:block;position:absolute;top:50%;margin-top:-22px;cursor:pointer;}
.products .slide a.pre{background:url(../img/arrow2-1.png) no-repeat center center;left:-65px;}
.products .slide a.next{background:url(../img/arrow2-2.png) no-repeat center center;right:-65px;}
.products .slide3 {}
.products .slide3 a.pre, .products .slide3 a.next{width:30px;height:50px;display:block;position:absolute;top:50%;margin-top:-22px;cursor:pointer;opacity:0.3;filter:alpha(opacity=30);
background-image: url(../img/arrow1.gif); background-repeat: no-repeat; background-size:100px 20px;}
.products .slide3 a.pre{ background-position: 0 center;left:-50px;}
.products .slide3 a.next{ background-position: -25px center;right:-50px;}
.products .series { margin-bottom:20px; height:220px;}
.products .series h2{font-size:1.85em;color:#333;margin-bottom:20px;}
.products .series h3{font-size:1.55em;margin-top:60px;}
.products .series h3 a{color:#333;}
.products .series h3 a:hover,.products .series h3 a:active,.products .series h3 a:focus{color:#8aa3d4;text-decoration:none;}
.products .series h4{font-size:1em;color:#8aa3d4;}
.products .series .inner{float:left;width:135px}
.products .series .col{width:300px;float:left;overflow:hidden;}
.products .series .col+.col{margin-left:30px;}
.products .series .pic{width:150px;height:160px;margin-right:15px;float:left;}
.products .series .pic img {  display:block; width:100%; height:auto;}
.productsWrapper nav{width:1150px;height:40px;text-align:right;padding:0 70px 0 400px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:absolute;bottom:-34px;left:0;background:url(../img/products_header_bg.png) no-repeat bottom left;}
.productsWrapper nav a{font-size:1.2em;line-height:36px;font-family:'Abel',Microsoft JhengHei, sans-serif;padding:0 20px;margin-left:50px;}
.productsWrapper nav:before{content:' ';position:absolute;width:100%;height:40px;background-color:#FFF;z-index:-1;left:0;}
.products section{background-color:#FFFFFF;}
.products section.features{margin-top:-34px; padding-top:34px;min-height:300px;background-color:#666;background-repeat:no-repeat;background-position:top left;}
.products section.spec{padding:50px 90px; margin-top:-34px;}
.products section.download{padding:50px 90px;margin-top:-34px;}
.products section.spec h2,
.products section.download h2{font-size:2.6em;color:#333;}
.products section.video{}
.products .features1{overflow:hidden; height:395px; position:relative; margin-bottom: 34px;}
.products .features2{background-color:#FFF;margin-top:-34px;}
.features1 .col1{float:left;padding:20px 0 50px 92px;}
.features1 .col2{height:395px; overflow: hidden; position:absolute; bottom:0; right:0; display:table-cell;}

.features1 h3{color:#FFF;font-size:1.3em;margin-bottom:3em;}
.features1 h3 span{display:block;font-size:2.25rem;margin-top:0.45em;}
.features1 .slide2{width:524px;}
.features1 .slide2 a{width:45px;height:45px;display:block;position:absolute;top:50%;margin-top:-22px;cursor:pointer;opacity:0.3;filter:alpha(opacity=30);}
.features1 .slide2 a.pre{background:url(../img/arrow2-1.png) no-repeat center center;background-size:30px 30px;left:-45px;}
.features1 .slide2 a.next{background:url(../img/arrow2-2.png) no-repeat center center;background-size:30px 30px;right:-45px;}
.features1 .item{display:inline-block;width:175px;margin:0 -1px;text-align:center;}
.features1 .item+.item .pic{border-left:solid 1px rgba(255,255,255,0.3);}
.features1 .item .pic{margin-bottom:20px;}
.features1 .item .pic img{margin:0 auto;}
.features1 .item p{font-size:1.0625em;font-family:'Abel',Microsoft JhengHei, sans-serif;color:#FFF;}
.features1 .col2 .pic{width:500px;height:395px; display: table-cell; vertical-align:bottom;}
.features1 .col2 img { display:inline-block; vertical-align:bottom;}
.products .spec table{width:100%;}
.products .spec table thead{background-color:#565656;}
.products .spec table tr:nth-of-type(2n){background-color:#EFEFEF;}
.products .spec table td{padding:7px 30px;vertical-align:middle;}
.products .spec table thead td{color:#FFFFFF;font-size:1.1em;}
.products .spec table tbody td{color:#6C6C6C;font-size:0.9em;}
.products .spec table tbody tr td:first-child{width:35%;}
.products .spec table.downlist tbody tr td:first-child{width:95%;}
.products .spec table a{display:block;}
.products .spec table a.download{display:inline-block;width:40px;height:40px;background:url(../img/download_icon.png) no-repeat center center;float:right;}
.spectable{}
.spectable thead{background-color:#565656;}
.spectable tr:nth-of-type(2n){background-color:#EFEFEF;}
.spectable td{height:40px;padding:0 30px;vertical-align:middle;}
.spectable thead td{color:#FFFFFF;font-size:1.1em;}
.spectable tbody td{color:#6C6C6C;font-size:0.9em;}
.spectable tbody tr td:first-child{width:35%;}
.spectable.downlist tbody tr td:first-child{width:95%;}
.spectable a{display:block;}
.spectable a.download{display:inline-block;width:40px;height:40px;background:url(../img/download_icon.png) no-repeat center center;float:right;}
.products .buystrip{padding:50px 0 0 0;margin:20px 0;background:url(../img/products_buystrip_bg.jpg) no-repeat center center;background-size:cover;}
.products .buystrip h2{font-size:3em;color:#FFF;text-align:center;}
.buystrip .productsList{padding:30px 45px 30px;overflow:hidden;}
.products .info{height:285px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:50px 80px 0 80px;margin:20px 0;background:url(../img/products_info_bg.jpg) no-repeat center center;background-size:cover;}
.products .info .col1{float:left;width:300px;margin-right:50px;}
.products .info .col2{float:left;width:640px;}
.products .info h2{font-size:3em;color:#FFF;}
.products .info p{font-size:1em;color:rgba(255,255,255,0.8);}
.products .info a{font-size:1.1em;color:#FFF;text-align:center;vertical-align:text-top;width:120px;height:160px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-top:140px;margin:0 0 0 90px;display:inline-block;transition:opacity 0.3s;-webkit-transition:opacity 0.3s;-moz-transition:opacity 0.3s;-o-transition:opacity 0.3s;}
.products .info .col2:hover a{opacity:0.4;filter:alpha(opacity=40);}
.products .info .col2:hover a:hover{opacity:1;filter:alpha(opacity=100);}
.products .info a.contact-us{background:url(../img/info_contact_icon.png) no-repeat top center;}
.products .info a.service{background:url(../img/info_service_icon.png) no-repeat top center;}
.products .info a.exhibition{background:url(../img/info_exhibition_icon.png) no-repeat top center;}
.news{background-color:#FFF;}
.news header{height:335px;background:#666 url(../img/new_header_bg.jpg) no-repeat top center;}
.news header h1{font-size:3.6em;line-height:330px;text-indent:80px;color:#FFF;text-shadow:1px 1px 3px #000}
.news nav{padding:0 0 0 80px;height:44px; background-color:#F3F3F3;border:solid 1px #CCC;border-left:none;border-right:none;position:relative;}
.news nav a{font-size:1.1em;line-height:44px;font-family:'Abel',Microsoft JhengHei, sans-serif;display:inline-block;}
.news nav .sort{width:500px;margin-right:100px;display:inline-block;}
.news nav .sort a{margin-right:30px;}
.news nav .sort a.current{color:#8aa3d4;}
.news nav .year{width:400px;display:inline-block;position:absolute;top:-1px;}
.news nav .year a{padding:0 30px;}
.news nav .year a.current{border:solid 1px #CCC;border-bottom:solid #FFF 2px;background:#FFFFFF;}
.news .newProducts{padding:50px 80px;}
.news .newProducts li{margin-bottom:30px;overflow:hidden;}
.news .newProducts .pic{width:440px;height:240px;float:left;margin-right:30px;overflow:hidden;}
.news .newProducts .pic img{display:block;width:100%;height:auto;transition:0.3s;-webkit-transition:0.3s;-moz-transition:0.3s;-ms-transition:0.3s;-o-transition:0.3s;}
.news .newProducts .pic:hover img{transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1);}
.news .newProducts .description{float:left;width:500px;height:240px;position:relative;}
.news .newProducts .date{font-size:1.2em;color:#999999;}
.news .newProducts .sort{font-size:1.2em;color:#8aa3d4;}
.news .newProducts .sort:before{content:" ";border-left:solid 1px #CCCCCC;margin-left:10px;padding-left:10px;}
.news .newProducts h2{font-size:1.8em;color:#333;line-height:1.5em;font-weight:bold;border-bottom:solid 1px rgba(0,0,0,0.1);padding-bottom:5px;margin-bottom:15px;max-height:1.5em;overflow:hidden;}
.news .newProducts h2+p{font-size:0.9em;line-height:1.5em;margin-bottom:15px;max-height:7.5em;overflow:hidden;}
.news .newProducts a.more{color:#8aa3d4;display:inline-block;font-weight:bold;position:absolute;right:0;bottom:0px;background:url(../img/arrow_right1.png) no-repeat center right;padding-right:20px;}
.newProducts a.more:hover, .newProducts a.more:active, .newProducts a.more:focus{background:url(../img/arrow_right2.png) no-repeat center right;}
.news .exhibition{padding:50px 80px 0;overflow:hidden;}
.news .exhibition li{float:left;width:480px;height:580px;position:relative;}
.news .exhibition li:nth-of-type(2n){margin-left:30px;}
.news .exhibition .pic{margin-bottom:10px;background-color:#EEE;width:480px;height:330px;}
.news .exhibition .sort{font-size:1.1em;color:#8aa3d4;font-weight:bold;}
.news .exhibition h2{font-size:1.4em;line-height:1.5em;color:#333;font-weight:bold;max-height:1.5em;overflow:hidden;}
.news .exhibition h2+p{line-height:1.5em;margin-bottom:10px;max-height:6.4em;overflow:hidden;}
.news .exhibition a.more{}
.news .exhibition .boothNum, .news .exhibition .country{color:#99ADBF;font-size:0.9em;line-height:1.1em;height:36px;padding-left:35px;display:inline-block;}
.news .exhibition .boothNum{background:url(../img/news_booth_icon.png) no-repeat top left;width:150px;}
.news .exhibition .country{background:url(../img/news_country_icon.png) no-repeat top left;width:250px;}
.news .exhibition .boothNum span, .news .exhibition .country span{display:block;}
.news .hot{padding:40px 80px;overflow:hidden;}
.news .hot li{position:relative;padding:20px 30px 30px 150px;overflow:hidden;border-top:solid 1px #DBDBDB;transition:background-color 0.5s;-webkit-transition:background-color 0.5s;-moz-transition:background-color 0.5s;-o-transition:background-color 0.5s;}
.news .hot li:hover{background-color:#F6F6F6;}
.news .hot .sort{color:#8aa3d4;font-weight:bold;}
.news .hot h2{color:#000;max-height:1.5em;overflow:hidden;}
.news .hot h2+p{line-height:1.5em;margin-bottom:10px;max-height:3em;overflow:hidden;}
.news .hot p{color:#666;}
.news .hot p span{color:#FFF;}
.news .hot p.more{color:#8aa3d4;display:inline-block;font-weight:bold;float:right;background:url(../img/arrow_right1.png) no-repeat center right;padding-right:20px;}
.news h2 a{color:#000;}
.news h2 a:hover,.news h2 a:active,.news h2 a:focus{color:#8aa3d4;}
.news a.more:hover,.news a.more:active,.news a.more:focus{color:#333;}
.news .exhibition .date{width:75px;height:120px;padding:5px 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:url(../img/news_date_bg_w.png) repeat top left;position:absolute;}
.news .hot .date{width:75px;height:120px;padding:5px 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:url(../img/news_date_bg_b.png) repeat top left;position:absolute;}
.news .exhibition .date{color:#000;left:25px;top:25px;}
.news .hot .date{color:#FFF;left:25px;top:-1px;}
.news .exhibition .date span{display:block;line-height:1.1em;text-align:center;font-family:'Abel',Microsoft JhengHei, sans-serif;font-weight:bold;}
.news .hot .date span{display:block;line-height:1.1em;text-align:center;font-family:'Abel',Microsoft JhengHei, sans-serif;}
.news .exhibition .day,.news .hot .day{font-size:3.4em;}
.news .exhibition .month,.news .hot .month{font-size:1.2em;margin-bottom:5px;}
.news .exhibition .year,.news .hot .year{font-size:1em;font-style:italic;}
.news .detail{position:relative;}
.news .detail .back{width:60px;height:60px;background:#242424 url(../img/close_icon.png) no-repeat center center;position:absolute;right:30px;top:0;transition:background-color 0.5s;-webkit-transition:background-color 0.5s;-moz-transition:background-color 0.5s;-ms-transition:background-color 0.5s;-o-transition:background-color 0.5s;}
.news .detail .back:hover,.news .detail .back:active,.news .detail .back:focus{background-color:#000000;}
.news .detail .title{padding:60px 125px 30px;text-align:center;}
.news .detail h1{font-size:2.2em;line-height:1.5em;color:#000;}
.news .detail .date{font-size:1em;color:rgba(0,0,0,0.4);font-style:italic;font-family:'Abel',Microsoft JhengHei, sans-serif;font-weight:bold;}
.news .detail .edit{padding:0 125px 40px;}
.news .detail .edit strong{font-weight:bold;}
.news .related{padding:20px 125px 50px;text-align:center;}
.news .related .col{width:285px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block;vertical-align:text-top;}
.news .related .col+.col{margin-left:15px;}
.news .related h2{font-size:1.6em;font-weight:bold;color:#333;padding:30px 0;border-top:solid 1px #E6E6E6;}
.news .related h3{font-size:1.1em;font-weight:bold;}
.news .related .pic{width:285px;height:185px;margin-bottom:15px;overflow:hidden;}
.news .related .pic img{display:block;width:100%;height:auto;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;}
.news .related .col:hover img{transform:scale(1.05);-ms-transform:scale(1.05);-webkit-transform:scale(1.05);-o-transform:scale(1.05);-moz-transform:scale(1.05);}
.news .related a{font-size:1em;color:#000;}
.news .related a:hover,.news .related a:active,.news .related a:focus{color:#000;}
.service{position:relative;z-index:888;}
.service nav{height:50px;width:1150px;padding:0 100px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center;background-color:rgba(0,0,0,0.8);background-color:#111 \9;display:none;position:fixed;zoom:1;}
.service nav a{color:#FFF;line-height:50px;font-family:'Abel',Microsoft JhengHei, sans-serif;margin:0 20px;}
.service nav a:hover,.tech nav a:active,.tech nav a:focus{color:#8aa3d4;}
.service nav a.selected{color:#8aa3d4;}
.about .service.up{height:45px;width:100%;z-index:999;position:fixed;padding-top:0;top:0;}
.about .service.up nav{display:block;}
.about .service nav a{margin:0 50px;}
.tech .service nav{text-align:right;display:block;position:relative;}
.tech{}
.tech header{margin-top:30px;}
.tech .related{background-color:#EDEDED;position:relative;margin-bottom:20px;padding:60px 0;}
.tech .related h3{text-align:center;font-size:2.5rem;color:#000;margin-bottom:30px;}
.tech .related .slide{width:940px;margin:0 auto;}
.tech .related .slide div{position:relative;}
.tech .related .slide div img{margin:0 auto;}
.tech .related .slide a{}
.tech .related a.pre, .tech .related a.next{width:50px;height:245px;display:inline-block;position:absolute;top:0;cursor:pointer;}
.tech .related .pre{background:url(../img/arrow1.gif) no-repeat 0px center;left:-50px;}
.tech .related .next{background:url(../img/arrow1.gif) no-repeat -50px center;right:-50px;}
.tech .edit{min-height:300px;margin-bottom:20px;}
.tech .edit h1{font-size:3.8em;margin-bottom:2px;line-height:110%}
.tech .edit h2{font-size:40px;margin-bottom:41px}
.tech .edit h3{font-size:1.2em;line-height:148%;margin-bottom:24px}
.tech .edit h4{font-size:1.2em}
.tech .edit h5{font-size:1.05em;line-height:140%;color:#3F3E40}
.tech .edit p{font-size:1em;line-height:185%}
.bluedot{color:#D6D6D7}
.bluedot li{background:url(../../smarteditupfiles/edit/tech/bluedot.png) 0 9px no-repeat;padding:0 0 10px 20px}
.tech .remoset{}
.tech .technology{}
.about{padding:30px 0;}
.about section{}
.about section:nth-last-child(2){padding-bottom:30px;background-color:#FFF;}
.about section header{height:380px;position:relative;background-color:#666;background-position:center center;background-repeat:no-repeat;background-attachment:fixed;background-size:cover;}
.about header h1{font-size:5em;color:#FFFFFF;line-height:375px;text-align:center;text-shadow:1px 1px 3px rgba(0,0,0,0.6);}
.about header .icon{width:124px;height:124px;background-color:#FFF;border-radius:50%;box-shadow:0px 0px 8px rgba(0,0,0,0.7);position:absolute;bottom:-62px;left:50%;z-index:9;margin-left:-62px;}
.about header .iconPic{width:96px;height:96px;border-radius:50%;position:absolute;bottom:-48px;left:50%;margin-left:-48px;background-color:#eee;z-index:11;overflow:hidden;}
.about .wrap{position:relative;z-index:10;min-height:300px;background:#FFF;padding:65px 145px 0;}
.about .edit{padding:32px 0 41px;text-align:center}
.about .edit+.edit{border-top:solid 1px #EEE;}
.about .edit h1{font-size:2.3em;color:#333;line-height:125%;margin-bottom:28px}
.about .edit h2{font-size:30px}
.about .edit h3{font-size:1.5em;color:#88A1D2;padding-bottom:8px}
.about .edit h4{font-size:20px}
.about .edit h5{font-size:1.1em;padding-bottom:14px}
.about .edit h6{font-size:0.9em;color:#88A1D2}
.about .edit p{font-size:0.94em;color:#969696;line-height:200%;font-weight:400;padding-bottom:27px}
.gallery{overflow:hidden;display:table;width:100%;}
.about .gallery{padding:63px 0 35px}
.about .gallery h1{margin:23px 0 18px}
.about .gallery p{line-height:180%}
.gallery .col{width:50%;display:table-cell;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:left}
.gallery .col:first-child{padding:0 50px 40px 0;vertical-align:middle;}
.gallery h2{color:#333;}
.gallery p{line-height:1.75em;}
.gallery .slide{position:relative;vertical-align:middle;height:263px;}
.gallery .slide div{display:block;width:100%;height:100%;overflow:hidden;position:absolute;}
.gallery .slide img{display:block;width:100%;height:auto;}
.history{margin-top:3px;position:relative;width:1150px;}
.history nav{position:relative;width:100%;}
.history nav ul{margin-top:150px;width:1150px;top:0;z-index:800;position:absolute;}
.history nav li{text-align:center;left:50%;width:72px;margin:40px auto 0;}
.history nav a{width:48px;height:48px;line-height:48px;color:#FFF;text-align:center;display:inline-block;border-radius:50%;border:solid 6px #FFF;box-shadow:0px -2px 6px #000;overflow:hidden;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;background-position:center center;background-repeat:no-repeat;position:relative;}
.history nav a:before{content:'';position:absolute;z-index:-1;width:72px;height:72px;line-height:60px;background-color:#333;border-radius:50%;left:-6px;top:-6px;}
.history nav .selected{width:60px;height:60px;line-height:60px;}
.history nav a.selected:before{width:60px;height:60px;}
.history nav li span{line-height:60px;width:60px;height:60px;display:inline-block;position:absolute;left:-6px;top:-6px;z-index:-1;border-radius:50%;border:solid 6px transparent;background-repeat:no-repeat;display:none;}
.history nav #a4 .selected span{background-color:#ee2236;display:inline-block;}
.history nav #a3 .selected span{background-color:#004891;display:inline-block;}
.history nav #a2 .selected span{background-color:#ff6666;display:inline-block;}
.history nav #a1 .selected span{background-color:#73B0BB;display:inline-block;}
.history .year{min-height:800px;background-position:top center;background-repeat:no-repeat;background-size:cover;}
.history h1{font-size:7.4em;color:#88A1D2;font-weight:900;padding:0;margin:0;line-height:1;letter-spacing:-1px}
.history h2{font-size:3.5em;color:#88A1D2;padding:0 0 10px;margin:0;line-height:0.8em;letter-spacing:2.5px;font-weight:bold}
.history h3{font-size:1.9em;color:#88A1D2;padding:0 0 18px;margin:0;font-weight:bold;letter-spacing:1px}
.history h4{font-size:1.3em;font-weight:500;font-family:"Myriad Pro","Helvetica","Arial","Verdana","Microsoft JhengHei","Microsoft Sans Serif",sans-serif;line-height:1em;padding:0;margin:0}
.history p{font-size:0.85em;color:#666}
.history table{}

.service nav.scrolled {
  margin: 0;
  position: fixed;
  top: 0;
}



.wrdot,.white,.wldot{color:#fff}
.wrdot li,.wldot li{font-size:0.85em;letter-spacing:1px;line-height:160%;letter-spacing:0.5px}
.wrdot li{padding:0 15px 5px 0;background:url(../../smarteditupfiles/edit/about/wli.png)355px 9px no-repeat;}
.wldot li{padding:0 0 5px 15px;background:url(../../smarteditupfiles/edit/about/wli.png)5px 9px no-repeat;}
.contact{background:url(../img/contact_bg.jpg) no-repeat top center;margin:30px 0;padding:50px 50px 50px 75px;height:620px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.contact .col{width:55%;display:inline-block;vertical-align:top;}
.contact h1{font-size:2.4em;line-height:1em;color:#FFFFFF;}
.contact .description{}
.contact .description p{font-size:0.95em;line-height:1.5em;letter-spacing:0.02em;color:rgba(255,255,255,0.7);color:#ccc \9;margin-bottom:10px;}
.contact .description span{color:#8aa3d4;}
.contact .form{}
.contact .form ul{}
.contact .form li{margin:0 4% 15px 0;}
.contact .form li.form-inline{width:45%;display:inline-block;}
.contact .form::-webkit-input-placeholder,
.contact .form:-moz-placeholder ,
.contact .form::-moz-placeholder,
.contact .form:-ms-input-placeholder{color:rgba(255,255,255,0.8);}
.contact .form label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}
.contact .form input{}
.contact .form textarea{ height: 100px }
.contact .form li.form-submit{ display: block; float: right; margin-top: 17px; height:50px;width:50%; text-align: right;}
.contact .form li.verificationCode{height:50px;width:35%;}
.contact .form .verificationCode input{width:100px;}
.contact .form .verificationCode span img{margin-left:10px;padding:0;vertical-align:bottom;}
.contact .form a{padding:10px 30px;border:solid 2px #8aa3d4;margin-left:15px;display:inline-block;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:background-color 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;}
.contact .form a.reset{color:#8aa3d4;}
.contact .form a.submit{color:#fff;background-color:#8aa3d4;}
.contact .form a:hover,.contact .form a:active,.contact .form a:focus{border:solid 2px #8aa3d4}
.contact .form a.submit:hover,.contact .form a.submit:active,.contact .form a.submit:focus{background-color:#577CC1;border:solid 2px #577CC1}
.contact .form input, .contact .form textarea, .contact .form select{color:rgba(255,255,255,1);width:100%;background-color:rgba(255,255,255,0);border:none;font-size:0.9em;line-height:1.5em;font-family:"Myriad Pro", "Helvetica","Arial","Verdana", "Microsoft JhengHei","Microsoft Sans Serif", sans-serif;border-bottom:dotted 1px rgba(255,255,255,0.5);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:5px;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;}
.contact .form select{color:rgb(102,102,102);padding:5px 0 10px 0;}
.contact .form input:focus, .contact .form textarea:focus, .contact .form select:focus{color:rgba(255,255,255,1);background-color:rgba(255,255,255,0.2);border:none;border-bottom:dotted 1px rgba(255,255,255,0);outline:none;}
.contact .form select:focus option{color:rgba(0,0,0,1);}
.contact .info{width:42%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:30px 20px 30px 30px;margin:50px 0 0 2%;background-color:#FFFFFF;opacity:0.7;filter:Alpha(opacity=70);}
.contact .info h2{font-size:1.4em;color:#000;font-weight:bold;margin-bottom:15px;}
.contact .info ul{}
.contact .info li{color:#333;font-size:0.9em;line-height:1.5em;letter-spacing:0.053em;padding:3px 0 3px 10px;margin:0 0 15px 50px;position:relative;border-left:solid 1px #999;}
.contact .info li a{color:#333}
.contact .info span{font-size:0;width:25px;height:35px;background-position:center 0;background-repeat:no-repeat;display:inline-block;position:absolute;left:-50px;}
.contact .info span.add{background-image:url(../img/info_address_icon.png);}
.contact .info span.phone{background-image:url(../img/info_phone_icon.png);}
.contact .info span.fax{background-image:url(../img/info_fax_icon.png);}
.contact .info span.mail{background-image:url(../img/info_mail_icon.png);}
.contact .info span.web{background-image:url(../img/info_web_icon.png)}
.contact .success{text-align:center;margin-top:150px;}
.contact .success h1{color:#8aa3d4;}
.contact .success p{color:rgba(255,255,255,0.6); line-height:1.5em;}
.contact .success a{display:inline-block;padding:5px 30px;border:solid 2px #8aa3d4;color:#fff;background-color:#8aa3d4;margin-top:15px;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;}
.contact .success a:hover,.contact .success a:active,.contact .success a:focus{background-color:#8aa3d4;border:solid 2px #8aa3d4}
.distribution { margin:30px 0;}
.distribution .world{background-color:rgba(0,0,0,0.3);text-align:center;padding:50px 0;}
.distribution .singleArea{background:#FFFFFF;padding:50px 75px;min-height:200px;}
.distribution .world h1{font-size:2em;color:#FFF;margin-bottom:30px;}
.distribution .world p{color:#FFF;padding:15px 10px 15px 68px; width:130px;overflow:hidden;text-align:left;vertical-align:middle;border:solid 1px rgba(255,255,255,0.2);border:solid 1px #FFF \9;border-radius:5px;display:inline-block;margin:0 20px;}
.distribution .world p span{display:inline-block;vertical-align:middle;}
.distribution .world p .quantity{font-size:3em;line-height:1em;margin-right:10px;width:55px}
.distribution .world .country{background:url(../img/world_locations_icon.png) no-repeat 25px center;}
.distribution .world .locations{background:url(../img/world_country_icon.png) no-repeat 25px center;}
.distribution .world .map{width:860px;height:420px;margin:30px auto 0;position:relative;}
.distribution .world .map img{position:absolute;left:0;top:0;}
.distribution .singleArea .areaMenu{height:60px;}
.distribution .singleArea .areaMenu > li{font-family:'Abel',Microsoft JhengHei, sans-serif;position:relative;float:left;margin-right:30px;width:460px;}
.distribution .singleArea .areaMenu select{width:200px;height:42px;}
.areaMenu .jqTransformSelectWrapper{width:200px;box-sizing:border-box;padding:0 30px 0 10px;background:none;font-family:'Abel',"Microsoft JhengHei","Microsoft Sans Serif", sans-serif;height:44px;border:solid 1px #CCC;margin-right:5px;}
.areaMenu .jqTransformSelectWrapper a.jqTransformSelectOpen{width:44px;height:44px;background:url(../img/arrow_down1.png) no-repeat center center;}
.areaMenu .jqTransformSelectWrapper ul{top:42px;left:-1px;width:200px;}
.areaMenu .jqTransformSelectWrapper div span{font-size:1em;font-weight:bold;height:44px;line-height:44px;padding:0;}
.areaMenu .jqTransformSelectWrapper ul a{font-size:1em;font-weight:bold;padding:5px 5px 5px 10px;}
.areaMenu .jqTransformSelectWrapper ul a.selected{background:#DDE4F2;color:#333;}
.areaMenu .jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover{background:#8AA3D4;color:#fff;}
.singleArea .list img{vertical-align:middle;width:30px;height:auto;}
.singleArea .list .country{}
.singleArea .list .company{}
.singleArea .list .phone{width:150px;}
.singleArea .list .web{width:250px;}
.download{background-color:#FFF;}
.download header{height:200px;background:url(../img/download_header_bg.jpg) no-repeat top center;}
.download header h1{font-size:3.6em;line-height:200px;text-indent:80px;color:#FFF;text-shadow:1px 1px 3px #000}
.download .downloadNav{padding:50px 50px 0;text-align:center;}
.download .downloadNav .col{width:460px;padding:0 30px;display:inline-block;text-align:left;}
.download .downloadNav .col+.col{border-left:solid 1px #CCC;}
.download .downloadNav h2{}
.download .downloadNav .pic{width:460px;height:245px;margin-bottom:20px;}
.download .downloadNav .other .pic{background:url(../img/download_other_bg.jpg) no-repeat center center;}
.download .downloadNav .catalog .pic{background:url(../img/download_catalog_bg.jpg) no-repeat center center;}
.download .category{height:70px;position:relative}
.download .category ul{}
.download .category > ul > li{position:relative;float:left;margin-right:15px;background-repeat:no-repeat;}
.download .category .search{float:left;position:absolute;right:0;top:0;display:block;width:64px;height:44px;background:#8AA3D4 url(../img/search_icon.svg) no-repeat center center;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;}
.download .category .search:hover{background-color:#6587C7;}
.download .other .category > ul > li{width:395px;margin-right:5px;background-position:150px center;}
.download .catalog .category > ul > li{width:370px;background-position:340px center;}
.download .jqTransformSelectWrapper{box-sizing:border-box;padding:0 30px 0 10px;background:#FFF;font-family:'Abel',"Microsoft JhengHei","Microsoft Sans Serif", sans-serif;height:44px;border:solid 1px #CCC;}
.download .category div.jqTransformSelectWrapper{margin-right:5px;}
.download .other .jqTransformSelectWrapper{width:190px;}
.download .catalog .jqTransformSelectWrapper{width:385px;}
.download .other .jqTransformSelectWrapper div span{width:143px;overflow:hidden;}
.download .catalog .jqTransformSelectWrapper div span{width:350px;overflow:hidden;}
.download .jqTransformSelectWrapper a.jqTransformSelectOpen{width:44px;height:44px;background:url(../img/arrow_down1.png) no-repeat center center;}
.download .jqTransformSelectWrapper ul{top:42px;left:-1px;}
.download .jqTransformSelectWrapper div span{font-size:1em;font-weight:bold;height:44px;line-height:44px;padding:0;}
.download .jqTransformSelectWrapper ul a{font-size:1em;font-weight:bold;padding:5px 5px 5px 10px;}
.download .jqTransformSelectWrapper ul a.selected{background:#DDE4F2;color:#333;}
.download .jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover{background:#8AA3D4;color:#fff;}
.download .other select{width:190px;}
.download .catalog select{width:405px;}
.downloadSelect{font-size:1em;font-family:'Abel',"Microsoft JhengHei","Microsoft Sans Serif", sans-serif;font-weight:bold;border:solid 1px #EEE;height:44px;line-height:44px;width:100%;outline:none;color:#666;padding:0 10px;background:#EEE;transition:0.25s;-moz-transition:0.25s;-webkit-transition:0.25s;-ms-transition:0.25s;-o-webkit-transition:0.25s;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.download .resultsList{padding:30px 80px 50px;min-height:150px;}
.download .resultsList tbody td:first-child{width:740px;padding:0;text-align:left;}
.download .resultsList .list a{display:block;padding-left:40px;background:url(../img/download_icon2.png) no-repeat 10px center;}
.download .list a:hover,.download .list a:active,.download .list a:focus{color:#8aa3d4;background-image:url(../img/download_icon.png);}
.catalogList{padding:30px 0;}
.catalogList h2{font-size:1.2em;color:#333;text-align:left;font-weight:bold;font-family:'Abel',Microsoft JhengHei, sans-serif;font-style:italic;padding:10px;border-bottom:solid 1px #E6E6E6;}
.catalogList ul{overflow:hidden;padding:10px 0;}
.catalogList li{float:left;height:380px;width:220px;padding:13px}
.catalogList li a{display:inline-block;}
.catalogList .pic{margin-bottom:10px;height:290px;width:220px;overflow:hidden;}
.catalogList li .pic img{display:block;width:100%;height:auto;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;}
.catalogList li:hover .pic img{transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1);}
.catalogList a p{font-size:1.2em;line-height:1.25em;color:#8aa3d4;font-family:'Abel',Microsoft JhengHei, sans-serif;width:220px;display:inline-block;background:url(../img/download_icon.png) no-repeat 190px top;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 50px 0 0;max-height:3.9em;overflow:hidden;transition:color 0.3s;-webkit-transition:color 0.3s;-moz-transition:color 0.3s;-o-transition:color 0.3s;}
.catalogList a:hover p,.catalogList a:active p,.catalogList a:focus p{color:#666;background-image:url(../img/download_icon2.png);}
.breadcrumbs{height:1.25em;padding:5px 30px;display:block;position:absolute;right:30px;top:65px;}
.productsWrapper .breadcrumbs{right:60px;top:20px;}
.breadcrumbs-list{font-size:0.9em;color:#8aa3d4;letter-spacing:0.05em;}
.breadcrumbs-list>li{display:inline-block;}
.breadcrumbs-list>li:first-child{}
.breadcrumbs-list>li a{margin:0 5px;}
.breadcrumbs-list>li+li:before{content:'';width:10px;height:0.75em;margin-right:5px;color:#ccc;background:url(../img/breadcrumbs-separated.png) no-repeat center center;display:inline-block;}
.list{margin:10px 0;}
.list table{width:100%;}
.list caption{font-size:1.2em;color:#333;text-align:left;font-weight:bold;font-family:'Abel',Microsoft JhengHei, sans-serif;font-style:italic;padding:10px;}
.list thead tr{font-family:'Abel',Microsoft JhengHei, sans-serif;border-bottom:solid 1px #E6E6E6;border-top:solid 1px #E6E6E6;}
.list tr{border-bottom:solid 1px #E6E6E6;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;}
.list th{color:#333;padding:10px;font-weight:bold;text-align:left;}
.list td{padding:10px;}
.list tbody tr:hover{background-color:#EEE;}
footer{background-color:#231F1D;box-shadow:0px 1px 2px #000;}
.footerTop{background-color:#1C1717;height:80px;padding:0 50px;}
.social{padding:20px 0;width:65%;float:left;}
.social a{width:30px;height:30px;margin-right:12px;font-size:0;/*background-image:url(../img/social_icon.svg);background-image:url(../img/social_icon.png) \9;background-repeat:no-repeat;*/display:inline-block;transition:1s;-moz-transition:1s;-webkit-transition:1s;-ms-transition:1s;-o-webkit-transition:1s;opacity:0.5;filter:alpha(opacity=50);}
.social a:hover{/*background-image:url(../img/social_icon.svg);background-image:url(../img/social_icon.png) \9;*/transition:1s;-moz-transition:1s;-webkit-transition:1s;-ms-transition:1s;-o-webkit-transition:1s;opacity:1;filter:alpha(opacity=100);}
.social .facebook{ background:url(../img/social_icon_f.png) center top no-repeat;/*background-position:0 0; background-size:30px;*/}
.social .twitter{/*background-position:0 -40px; background-size:30px;*/}
.social .youtube{ background:url(../img/social_icon_y.png) center top no-repeat;/*background-position:0 -80px; background-size:30px;*/}
.social .pinterest{/*background-position:0 -120px; background-size:30px;*/}
.lang {width:20%;max-width:220px;padding:18px 15px 0 0;float:right;}
.lang select{width:218px;height:42px;letter-spacing:0.2em;}
.lang select:focus{color:#000;}
.lang div.jqTransformSelectWrapper{width:220px;padding:0 30px 0 10px;box-sizing:border-box;background:none;font-family:'Abel',"Microsoft JhengHei","Microsoft Sans Serif", sans-serif;height:44px;border:solid 1px #333;transition:0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;-ms-transition:0.5s;-o-webkit-transition:0.5s;}
.lang div.jqTransformSelectWrapper:hover{border:solid 1px #999;}
.lang .jqTransformSelectWrapper a.jqTransformSelectOpen{width:44px;height:44px;background:url(../img/arrow_down2.png) no-repeat center center;}
.lang .jqTransformSelectWrapper ul{top:42px;left:-1px;width:220px;}
.lang .jqTransformSelectWrapper div span{font-size:1em;font-weight:bold;height:44px;line-height:44px;padding:0;width:100%;}
.lang .jqTransformSelectWrapper ul a{font-size:1em;font-weight:bold;padding:5px 5px 5px 10px;}
.lang .jqTransformSelectWrapper ul a.selected{background:#DDE4F2;color:#333;}
.lang .jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover{background:#8AA3D4;color:#fff;}
.directorynav{width:100%;padding:30px 50px 30px;overflow:hidden;box-sizing:border-box;}
.directorynav a{font-size:1em;font-family:'Abel',Microsoft JhengHei, sans-serif;line-height:1.9em;font-weight:bold;}
.directorynav .column{float:left;margin-left:60px;}
.directorynav .column.first{margin-left:0;}
.directorynav .col1{width:250px;}
.directorynav .col2{width:220px;}
.directorynav .col3{width:220px;}
.directorynav .col4{width:150px;}
.column h3{font-size:18px;margin-bottom:0;}
.column.first h3:nth-of-type(2){margin-top:0.5em;}
.column h3 a{color:rgba(255,255,255,0.8);}
.column h3 a:hover{color:#8aa3d4;}
.copyright{padding:30px;text-align:center;font-size:0.9em;font-family:'Abel',Microsoft JhengHei, sans-serif;color:rgba(255,255,255,0.12)}
.copyright a{color:rgba(255,255,255,0.12)}
.copyright a:hover{color:rgba(255,255,255,0.4)}
.clearfix:after{content:".";visibility:hidden;display:block;height:0;clear:both;}
#scrollUp{bottom:-10px;right:50%;margin-right:-640px;padding:30px 25px;background:url(../img/top.png) no-repeat center center;color:#fff;opacity:0.7;filter:alpha(opacity=70); }
#infscr-loading{width:100%;text-align:center;}
#infscr-loading img{width:24px;height:24px;margin:50px auto 0;display:inline-block;}
#infscr-loading div{}

@media screen and (max-device-width: 1200px) {
    /*如果使用者之裝置寬度 <= 1200px，將會再載入這裡的 CSS。 */
#scrollUp { margin-right:-550px; padding:70px 60px; background-size:cover;}
}