/*! CSS Used from: https://www.okweb.asia/css/system-icon-right.css */
.webdesign{width:100%;white-space:nowrap;background-color:rgba(180,200,200,0.2);font-size:11px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;color:#999;padding:2px 5px 3px 5px;margin:0 2px 0 2px;}
.webdesign a,.webdesign a:hover{color:#999;text-decoration:none;}
.sticklr,.sticklr li,.sticklr a{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
.sticklr li{text-align:left;}
.icons{background-image:url(https://www.okweb.asia/images/system-right-icon.png);background-repeat:no-repeat!important;}
.icon-replay{background-position:-16px -440px;}
.icon-buy-cart{background-position:-80px -440px;}
.icon-buy-cat{background-position:-192px -440px;}
.size-type{margin-top:6px;}
.icon-type-desktop{background-position:0 -370px;height:32px!important;width:32px!important;}
.icon-type-notebook{background-position:-32px -370px;height:32px!important;width:32px!important;}
.icon-type-tablet{background-position:-65px -370px;height:32px!important;width:30px!important;}
.icon-type-mobile{background-position:-98px -370px;height:32px!important;width:28px!important;}
iframe{max-width:100%;}
.fb-like iframe,.fb_iframe_widget iframe{max-width:none;}
.cleancss{clear:both;}
/*! CSS Used from: https://www.okweb.asia/css/bootstrapLanguage.css */
.language_select_btn{padding:0;margin:0;background:none;color:inherit;font-family:inherit;font-size:inherit;font-weight:normal;border:none;display:inline-block;cursor:pointer;}
.caret-lang{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid \9;border-right:4px solid transparent;border-left:4px solid transparent;}
.dropdown-lang{position:relative;}
.dropdown-toggle-lang:focus{outline:0;}
.dropdown-menu-lang{position:absolute;top:100%;left:0;z-index:6000;display:none;float:left;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0, 0, 0, .15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0, 0, 0, .175);box-shadow:0 6px 12px rgba(0, 0, 0, .175);}
/*! CSS Used from: https://www.okweb.asia/program/js/bootstrap/bootstrap-social-gh-pages/bootstrap-social.css */
.clearfix:before,.clearfix:after{content:" ";display:table;}
.clearfix:after{clear:both;}
/*! CSS Used from: https://www.okweb.asia/css/right-icon_light.css */
.webdesign{width:100%;white-space:nowrap;background-color:rgba(150, 200, 200, 0.4);font-size:11px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;color:#999999;padding:2px 5px 3px 5px;}
.webdesign a,.webdesign a:hover{color:#999999;text-decoration:none;}
.customer-icon{background-image:url(https://www.okweb.asia/images/system-right-icon.png);background-repeat:no-repeat;height:25px;}
.customer-icon-home{background-position:0px 0px;}
.customer-icon-shopping{background-position:0px -120px;}
.customer-icon-translate{background-position:0px -270px;}
.sociable-fb{background-position:-165px -373px;height:32px;width:32px;}
.sociable-twitter{background-position:-198px -373px;height:32px;width:32px;}
.sociable-plurk{background-position:-264px -373px;height:32px;width:32px;}
.sociable-weibo{background-position:-297px -373px;height:32px;width:32px;}
.sociable-line{background-position:-165px -340px;height:32px;width:32px;}
/*! CSS Used from: https://www.okweb.asia/program/js/sticklr_sticky_side/jquery-sticklr-1.4-light-color.css */
.sticklr,.sticklr *{margin:0;padding:0;border:0;outline:0;font-family:Helvetica, Ubuntu, Arial, sans-serif;font-size:13px;line-height:18px;color:#555;vertical-align:baseline;}
.sticklr,.sticklr > li > ul{list-style-type:none;}
.sticklr{position:fixed;top:40%;left:0;background-color:#f7f7f7;background-color:rgba(240, 240, 240, 0.95);border:1px solid #b7b7b7;border-left:none;border-top-right-radius:2px;border-bottom-right-radius:2px;box-shadow:0 0 3px #ccc;-moz-box-shadow:0 0 3px #ccc;-webkit-box-shadow:0 0 3px #ccc;box-shadow:0 0 3px rgba(24, 24, 24, 0.25);-moz-box-shadow:0 0 3px rgba(24, 24, 24, 0.25);-webkit-box-shadow:0 0 3px rgba(24, 24, 24, 0.25);width:25px;overflow:visible;z-index:9000;top:0\9;background-color:#f7f7f7 !ie;}
.sticklr-right{left:auto;right:0;border-right:none;border-left:1px solid #b7b7b7;}
.sticklr > li{position:relative;}
.sticklr > li > a{display:block;width:16px;height:16px;padding:4px;background-color:#f0f0f0;background-color:rgba(240, 240, 240, 0.95);background-repeat:no-repeat;}
.sticklr > li{border-bottom:1px solid #f7f7f7;border-right:1px solid #f7f7f7;border-top:1px solid #ccc;height:25px;}
.sticklr > li:first-child{border-top:1px solid #f7f7f7;}
.sticklr > li:last-child{border-bottom:1px solid #f7f7f7;}
.sticklr > li > a:hover{background-color:#eaeaea;}
.sticklr > li > ul{display:none;position:absolute;left:25px;top:-2px;width:180px;overflow:hidden;background-color:#f7f7f7;background-color:rgba(240, 240, 240, 0.95);border:1px solid #b7b7b7;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;box-shadow:0 0 3px #ccc;-moz-box-shadow:0 0 3px #ccc;-webkit-box-shadow:0 0 3px #ccc;box-shadow:0 0 3px rgba(24, 24, 24, 0.25);-moz-box-shadow:0 0 3px rgba(24, 24, 24, 0.25);-webkit-box-shadow:0 0 3px rgba(24, 24, 24, 0.25);z-index:3005;position:static\9;margin-top:-25px\9;margin-bottom:25px\9;margin-left:25px\9;float:left\9;background-color:#f7f7f7 !ie;}
.sticklr-right > li > ul{left:auto;right:25px;}
.sticklr > li:hover > ul{display:block;}
.sticklr.sticklr-js > li:hover > ul{display:none;}
.sticklr > li > ul > li{border-top:1px solid #f7f7f7;border-bottom:1px solid #ccc;border-left:1px solid #f7f7f7;min-width:178px;width:178px;overflow:hidden;float:left;border:none !ie;}
.sticklr > li > ul > li:first-child{border-top:1px solid #f7f7f7;}
.sticklr > li > ul > li:last-child{border-bottom:1px solid #f7f7f7;}
.sticklr > li > ul > li:hover{border-top:1px solid transparent;}
.sticklr > li > ul > li > a{display:block;padding:8px 10px 8px 32px;background-color:#f0f0f0;background-color:rgba(240, 240, 240, 0.95);background-position:10px 50%;background-repeat:no-repeat;color:#555;min-height:20px;text-decoration:none;text-shadow:1px 1px 1px #fff;white-space:nowrap;position:relative;}
.sticklr > li > ul > li > a > img{position:absolute;left:10px;top:10px;width:16px;height:16px;}
.sticklr > li > ul > li.sticklr-title:hover{cursor:pointer;}
.sticklr > li > ul > li > a:hover{background-color:#f4f4f4;}
.sticklr > li > ul > li.sticklr-title{background-color:#ccc;background-image:-webkit-linear-gradient(#e6e6e6, #ccc);background-image:-moz-linear-gradient(#e6e6e6, #ccc);background-image:-o-linear-gradient(#e6e6e6, #ccc);border-top:1px solid #f7f7f7;border-bottom:1px solid #b7b7b7;width:360px;}
.sticklr > li > ul > li.sticklr-title > a{padding-left:10px;background-color:#e6e6e6;background-color:rgba(240, 240, 240, 0.1);cursor:default;font-weight:bold;}
.sticklr > li > ul > li.sticklr-title > a:hover{background-color:#e6e6e6;background-color:rgba(240, 240, 240, 0.1);}
.sticklr > li > ul > li select{margin:4px 0;padding:4px;}
/*! CSS Used from: https://www.okweb.asia/3001/color_g/style/content_style.css */
.page-title{border-bottom:1px rgba(255,255,255,0.2) solid;}
.color1{color:#F00118;-moz-text-decoration-color:#F00118;text-decoration-color:#F00118;}
.color2{color:#F9BB27;}
.color4{color:#33BCE9;}
.album-single .img-thumbnail{border:1px solid rgba(0,0,0,0.3);}
.sociable img{opacity:.8;}
.sociable li:hover img{opacity:1;}
.photo-gallery li .img-thumbnail{border:1px solid rgba(0,0,0,0.3);}
.photo-gallery li .photo-box{background:rgba(0,0,0,0.5);}
.photo-gallery li .photo-subhead{color:#fff;}
.photo-gallery li .photo-subhead a{color:#fff;}
.photo-gallery li .photo-subhead a:hover{color:#fff;}
.panel2{background-color:#171718;border:1px solid #343434;}
.panel2 .panel-heading{border-bottom:1px solid #343434;color:#fff;background-color:#343434;}
/*! CSS Used from: https://www.okweb.asia/3001/style/content_style.css */
.photo-gallery{list-style:none;}
.page-title{display:block;text-align:center;font-weight:400;font-size:1.5em;margin:0 0 1em;padding:.5em 0;}
.photo-gallery li .photo-subhead a:hover{text-decoration:none;}
p{margin:1em 0;}
.small{font-size:.9em;}
h1,h2,h3{display:block;position:relative;}
h2{font-size:1.6em;}
h3{font-size:1.4em;}
.col-all,.col-cross3,.col-group,.col-row{position:relative;}
.col-group,.col-row{margin:.5em 0;}
.col-cross3{width:100%;margin:1em 0;float:none;padding:0;display:block;}
.right{text-align:right;}
.col-align-c{text-align:center;}
.left{text-align:left;}
@media (min-width:768px){
.col-cross3{margin:0 1% 1em 0;float:left;}
.col-cross3{width:23.8%;}
}
.album-single{float:none;display:inline-block;vertical-align:top;padding:0;height:auto;text-align:center;margin:10px auto 30px;width:100%;}
.album-single .img-thumbnail{width:auto;height:auto;position:relative;display:inline-block;overflow:hidden;text-align:center;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
.album-single .img-thumbnail:hover{box-shadow:0 0 10px rgba(0,0,0,.5);}
.album-one-id{display:inline-block;text-align:center;vertical-align:middle;}
.album-single a img{min-width:none;min-height:none;width:auto;height:auto;}
.album-single a:hover img{-ms-transform:scale(1.3,1.3);-webkit-transform:scale(1.3,1.3);transform:scale(1.3,1.3);-webkit-transition:all 3s ease-out;-o-transition:all 3s ease-out;transition:all 3s ease-out;}
.album-single .album-subhead{display:block;font-weight:400;margin:.5em 0;padding:0;}
@media (min-width:550px){
.album-single{margin:10px .8% 30px;width:48%;}
.album-one-id{display:table-cell;}
.album-single .img-thumbnail{width:240px;height:240px;}
}
@media (min-width:768px){
.album-single{margin:10px .8% 30px;width:31%;}
}
.photo-gallery li,.sociable>ul li{display:inline-block;}
.photo-gallery{margin:0;padding:0;text-align:center;}
.photo-gallery li{width:49%;min-width:185px;min-height:185px;margin:0 .3% 1em;position:relative;vertical-align:top;line-height:1.3;}
.photo-gallery li .small{display:block;margin:.5em 0;}
.photo-gallery li .img-thumbnail{width:185px;height:185px;overflow:hidden;display:table-cell;text-align:center;vertical-align:middle;position:relative;}
.photo-gallery li .img-thumbnail img{max-width:100%;max-height:100%;}
.photo-gallery li .photo-box{width:100%;height:100%;position:absolute;z-index:10;top:0;left:0;-webkit-transition:all .15s ease-in-out;-o-transition:all .15s ease-in-out;transition:all .15s ease-in-out;opacity:0;text-align:center;}
.photo-gallery li:hover .photo-box{opacity:1;}
.photo-gallery li .photo-subhead{width:100%;height:100%;display:table;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.photo-gallery li:hover .photo-subhead{margin-top:0;}
.photo-gallery li .photo-subhead a{display:table-cell;text-align:center;vertical-align:middle;position:relative;text-decoration:none;}
.photo-gallery li .photo-subhead a p{display:none;padding:0;margin:0 0 .5em;}
@media (min-width:993px) and (max-width:1200px),(min-width:769px) and (max-width:860px){
.photo-gallery li{margin:0 2.5% 1em;}
}
@media (min-width:350px){
.photo-gallery li{width:32%;}
}
@media (min-width:768px){
.photo-gallery{text-align:left;}
.photo-gallery li{width:24%;}
}
.panel2{margin-bottom:2em;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;}
.panel-body{padding:1em;}
.panel2 .panel-heading{padding:.5em 1em;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;-ms-border-radius:4px 4px 0 0;-o-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;}
.panel-heading>h3,.panel-title{margin-top:0;margin-bottom:0;font-size:1.2em;font-weight:400;}
/*! CSS Used from: https://www.okweb.asia/3001/style/bootstrap.min.css */
body{margin:0;}
article,footer,header,nav,section{display:block;}
a{background-color:transparent;}
a:active,a:hover{outline:0;}
strong{font-weight:bold;}
h1{font-size:2em;margin:0.67em 0;}
img{border:0;}
svg:not(:root){overflow:hidden;}
hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0;}
button,input,select{color:inherit;font:inherit;margin:0;}
button{overflow:visible;}
button,select{text-transform:none;}
button,input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
input{line-height:normal;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff;}
input,button,select{font-family:inherit;font-size:inherit;line-height:inherit;}
a{color:#337ab7;text-decoration:none;}
a:hover,a:focus{color:#23527c;text-decoration:underline;}
a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
img{vertical-align:middle;}
.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;max-width:100%;height:auto;}
.img-thumbnail{padding:0;line-height:1.42857143;background-color:#fff;border:none;border-radius:0px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto;}
hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee;}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;}
[role="button"]{cursor:pointer;}
.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px;}
@media (min-width:768px){
.container{width:100%;}
}
@media (min-width:992px){
.container{width:1000px;}
}
@media (min-width:1200px){
.container{width:1160px;}
}
.row{margin-left:-15px;margin-right:-15px;}
.col-md-3,.col-sm-4,.col-md-4,.col-md-5,.col-sm-8,.col-md-9,.col-sm-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px;}
@media (min-width:768px){
.col-sm-4,.col-sm-8,.col-sm-12{float:left;}
.col-sm-12{width:100%;}
.col-sm-8{width:66.66666667%;}
.col-sm-4{width:33.33333333%;}
}
@media (min-width:992px){
.col-md-3,.col-md-4,.col-md-5,.col-md-9{float:left;}
.col-md-9{width:75%;}
.col-md-5{width:41.66666667%;}
.col-md-4{width:33.33333333%;}
.col-md-3{width:25%;}
}
.carousel{position:relative;}
.carousel-inner{position:relative;overflow:hidden;width:100%;}
.carousel-inner>.item{display:none;position:relative;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left;}
.carousel-inner>.item>img,.carousel-inner>.item>a>img{line-height:1;}
@media all and (transform-3d),(-webkit-transform-3d){
.carousel-inner>.item{-webkit-transition:-webkit-transform 0.6s ease-in-out;-o-transition:-o-transform 0.6s ease-in-out;transition:transform 0.6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px;}
.carousel-inner>.item.active{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);left:0;}
}
.carousel-inner>.active{display:block;}
.carousel-inner>.active{left:0;}
.carousel-control{position:absolute;top:0;left:0;bottom:0;width:50px;height:100%;opacity:0;filter:alpha(opacity=0);font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.6);background-color:rgba(0,0,0,0);background-position:center center;background-repeat:no-repeat;}
.carousel-control.left{left:0;background-image:url(https://www.okweb.asia/3001/svg/arrow-left.svg);}
.carousel-control.right{left:auto;right:0;background-image:url(https://www.okweb.asia/3001/svg/arrow-right.svg);}
.carousel:hover .carousel-control{outline:0;color:#fff;text-decoration:none;opacity:.9;filter:alpha(opacity=90);}
.carousel-indicators{position:absolute;bottom:5px;left:50%;z-index:15;width:60%;margin-left:-30%;padding-left:0;list-style:none;text-align:center;}
.carousel-indicators li{display:inline-block;width:11px;height:11px;margin:1px 3px;text-indent:-999px;border:1px solid #fff;border-radius:10px;cursor:pointer;background-color:#000 \9;background-color:rgba(0,0,0,0.2);}
.carousel-indicators .active{margin:0 3px;width:12px;height:12px;background-color:#fff;}
@media screen and (min-width:768px){
.carousel-indicators{bottom:10px;}
}
.clearfix:before,.clearfix:after,.container:before,.container:after,.row:before,.row:after{content:" ";display:table;}
.clearfix:after,.container:after,.row:after{clear:both;}
.visible-xs{display:none!important;}
@media (max-width:767px){
.visible-xs{display:block!important;}
}
/*! CSS Used from: https://www.okweb.asia/3001/style/main_share.css */
body,ol,ul{padding:0;margin:0;}
.sidebox__title,.webtitle{font-weight:400;}
.btn-search,.gotop,.nav__switch{cursor:pointer;}
.header__top__nav{float:none;}
.article,.header__top__nav>ul,.webtitle{word-break:break-all;}
body{font-size:18px;line-height:2em;font-family:"微軟正黑體",Arial,"新細明體","Helvetica Neue",Helvetica,sans-serif;}
@media (min-width:768px){
body{font-size:15px;}
}
input[type=submit],input[type=submit]:hover{color:#000;}
ol,ul{list-style:none;}
ol li{list-style-type:decimal;margin-left:1.5em;}
a,a:hover,a:link,a:visited{text-decoration:none;}
.align-center,.header__top__nav{text-align:center;}
a img,img{border:none;}
.img-thumbnail{display:inline-block;width:100%\9;max-width:100%;height:auto;padding:4px;line-height:0;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;}
.clearfix:after,.clearfloat{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clearfix{display:block;}
.elem--block{width:100%;display:block;}
.form-control,input[type=text],select{-webkit-border-radius:4px!important;-moz-border-radius:4px!important;-ms-border-radius:4px!important;-o-border-radius:4px!important;border-radius:4px!important;font-size:1em;padding:.3em .5em;margin:0 0 1em;height:auto;box-shadow:inset 1px 1px 1px rgba(0,0,0,.1);}
.radius{-webkit-border-radius:4px!important;-moz-border-radius:4px!important;-ms-border-radius:4px!important;-o-border-radius:4px!important;border-radius:4px!important;}
.gotop{display:none;position:fixed;left:50%;bottom:0;z-index:50000;border-style:solid;border-width:25px;height:0;width:0;margin-left:-25px;}
.container,.header,.header__top__nav>ul{position:relative;}
.gotop:hover{bottom:-3px;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;transition:all .2s linear;}
.animate{transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;}
.container{padding:0 20px;}
@media (min-width:768px){
.container{padding:0 30px;}
}
@media (min-width:1200px){
.container{padding:0 50px;}
}
.header__top{font-size:.8em;}
.header__top__nav>ul{display:block;text-align:center;}
.header__top__nav>ul>li{display:inline-block;margin:0 .6em 0 0;padding:0;}
.header__top__nav>ul>li>a{display:block;margin:0;padding:0;position:relative;}
@media (min-width:768px){
.header__top{font-size:.9em;}
.header__top__nav{text-align:left;float:left;}
.header__top__nav>ul{display:table-cell;text-align:left;}
.header__top__nav>ul>li{display:inline-block;margin:0 .2em 0 0;padding:0;}
.header__top__nav>ul>li>a{padding:0 .23em 0 1.2em;}
.header__top__nav>ul>li>a:before{content:' ';display:block;position:absolute;width:13px;height:13px;top:.6em;left:0;background-image:url(https://www.okweb.asia/3001/images/dot.png);background-repeat:no-repeat;background-position:0 0;}
}
.logo,.nav__switch,.webtitle{text-align:center;}
.logo{display:block;width:100%;padding:1em 0;margin:0 auto;}
.logo a{display:block;}
.logo img{max-width:100%;max-height:100%;}
.webtitle{font-size:1.5em;display:block;margin:0;padding:0 .5em .5em;position:relative;}
@media (min-width:768px){
.logo{width:300px;}
.logo img{max-width:300px;max-height:300px;}
}
.searchbox,.searchbox .form-control{position:relative;width:100%;border:none;}
.searchbox{float:none;padding:.2em;margin:.2em 0;}
.searchbox .form-control{-webkit-box-shadow:none;box-shadow:none;display:block;padding:0 35px 0 1em;margin:0;background-color:transparent;text-decoration:none;}
.btn-search{width:1.3em;height:1.3em;margin:-.6em 0 0;padding:0;border:none;position:absolute;top:50%;right:.65em;background-color:transparent;background-image:url(https://www.okweb.asia/3001/svg/zoom.svg);background-repeat:no-repeat;background-position:0 0;background-size:cover;opacity:1;}
.btn-search:hover{animation-name:gosearch;animation-duration:.3s;}
#index-carousel{margin:0 auto;padding:0;overflow:hidden;}
.carousel-indicators{opacity:0;}
.carousel-indicators li{box-shadow:0 0 5px rgba(0,0,0,.2);}
#index-carousel:hover .carousel-indicators{opacity:1;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out;}
.quick_contact-set-line{text-align:center;display:block;}
.quick_contact-set-line li,.quick_contact-set-line p{margin:0;}
.quick-contact img{max-width:80px;max-height:80px;}
@media (min-width:768px){
.searchbox{float:right;min-width:240px;}
.quick_contact-set-line{display:none;}
}
.nav__switch:after,.nav__ul>li.hasul>a:after{content:' ';height:0;width:0;display:block;right:.3em;}
.nav--float{margin:1em 0;}
.nav{z-index:9000;padding:0;}
.nav__switch{position:relative;display:block;font-size:1.2em;padding:.5em 1.5em .5em .5em;}
.nav__switch:after{border-style:solid;border-width:7px;position:absolute;top:1.2em;}
.nav__ul ul,.nav__ul>li,.nav__ul>li>a{position:relative;}
.nav__ul{display:block;overflow-y:auto;}
.nav__ul li:hover{visibility:inherit;}
.nav__ul>li{display:block;}
.nav__ul>li :first-child{border-top:none;}
.nav__ul>li>a{background:0 0;margin:0;padding:.2em 1em .2em .5em;display:block;}
.nav__ul>li.hasul>a:after{border-style:solid;border-width:6px 5px 5px;position:absolute;top:1em;}
.nav__ul>li:first-child>a{border-top:none;}
.nav__ul>li>ul{z-index:9999;display:none;padding:0;margin:0;right:0;left:0;text-align:left;-webkit-border-radius:4px!important;-moz-border-radius:4px!important;-ms-border-radius:4px!important;-o-border-radius:4px!important;border-radius:4px!important;}
.nav__ul>li:active>ul,.nav__ul>li:hover>ul{display:block;margin-bottom:1em;}
.nav__ul>li>ul>li>a{display:block;font-size:1em;padding:.3em .5em .3em 1em;background:0 0;position:relative;text-align:left;}
.nav__ul>li>ul>li>a:before{content:'．';}
@media (min-width:768px){
.nav__ul>li:active>ul,.nav__ul>li:hover>ul{animation-name:openmenu;animation-duration:.2s;}
.nav__switch{display:none;}
.nav__ul{overflow-y:visible;height:auto;text-align:center;}
.nav__ul>li{display:inline-block;}
.nav__ul>li:after{content:' ';position:absolute;height:1.6em;width:1px;left:0;top:.95em;}
.nav__ul>li:first-child:after{display:none;}
.nav__ul>li>a{margin:.5em 0 .5em .7em;}
.nav__ul>li.hasul>a{margin:.5em;}
.nav__ul>li:first-child>a{margin-left:0;}
.nav__ul>li.hasul>a:after{right:0;}
.nav__ul>li>ul{z-index:-999;display:none;position:absolute;min-width:220px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);}
.nav__ul>li:hover>ul>li>a{padding:.3em .5em;}
.nav__ul>li:hover>ul>li:first-child>a{border-top:none;}
.nav__ul>li:active>ul,.nav__ul>li:hover>ul{left:.8em;z-index:1500;}
}
.sidebox{margin-bottom:2em;display:block;}
.sidebox__title{padding:.3em;margin:0 0 .5em;display:block;font-size:1em;text-align:center;}
.sidebox__link{text-align:center;width:100%;}
.sidebox__link img{max-width:100%;max-width:220px\9;margin:0 1px 1px 0;}
@media (min-width:420px){
.sidebox__link{width:50%;}
}
@media (min-width:768px){
.sidebox__link{width:33%;}
}
@media (min-width:992px){
.sidebox__link{width:100%;}
.sidebox__link img{margin:0 0 1px;}
}
.sidebox__list{margin-bottom:1em;}
.sidebox__list li{display:block;margin:0;padding:0;position:relative;}
.sidebox__list li a{font-size:1em;line-height:1.6;padding:.5em;display:block;position:relative;}
.sidebox__list.sidebox__list--line>li:first-child{border-top:none;}
.sidebox__list__date{display:block;font-size:.85em;margin:0 0 0 5px;padding:0;}
.sidebox__list__date:before{content:'-';}
.footer{margin-top:2em;margin-bottom:2em;padding-bottom:2em;font-size:.85em;}
.footer__nav__ul{text-align:center;padding-top:.5em;padding-bottom:.5em;margin-bottom:1em;}
.footer__nav__ul li{display:inline-block;padding:0 .5em 0 1em;position:relative;}
.footer__nav__ul li:after{content:' ';position:absolute;height:1.6em;width:1px;left:0;top:.5em;}
.footer__nav__ul li:first-child:after{display:none;}
.footer__admin,.footer__text{margin-top:1em;}
.btns-social li{display:inline-block;margin:0 5px 0 0;}
.btns-social li a{display:block;width:30px;height:30px;background-repeat:no-repeat;background-size:contain;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-o-transition:all .1s ease-out;-webkit-transition:all .1s ease-out;-moz-transition:all .1s ease-out;transition:all .1s ease-out;}
.btns-social li a.social-fb{background-image:url(https://www.okweb.asia/3001/svg/social-icon-facebook.svg);}
.btns-social li a.social-twitter{background-image:url(https://www.okweb.asia/3001/svg/social-icon-twitter.svg);}
.btns-social li a.social-plurk{background-image:url(https://www.okweb.asia/3001/svg/social-icon-plurk.svg);}
.btns-social li a.social-weibo{background-image:url(https://www.okweb.asia/3001/svg/social-icon-weibo.svg);}
.btns-social li a.social-line{background-image:url(https://www.okweb.asia/3001/svg/social-icon-line.svg);}
.btns-social li a.social-Instagram{background-image:url(https://www.okweb.asia/3001/svg/social-icon-Instagram.svg);}
.btns-social li a.social-wechat{background-image:url(https://www.okweb.asia/3001/svg/social-icon-wechat.svg);}
.btns-social li a.social-mail{background-image:url(https://www.okweb.asia/3001/svg/social-icon-mail.svg);}
.btns-social li a.social-youtube{background-image:url(https://www.okweb.asia/3001/svg/social-icon-youtube.svg);}
.btns-social li a.social-telegram{background-image:url(https://www.okweb.asia/3001/svg/social-icon-telegram.svg);}
.btns-social li a.social-blog{background-image:url(https://www.okweb.asia/3001/svg/social-icon-blog.svg);}
.article{padding:1em 0;}
.article a{text-decoration:underline;}
.article a:hover{text-decoration:none;}
/*! CSS Used from: https://www.okweb.asia/3001/color_g/style/main_share.css */
body{color:#ddd;background:#171718;}
hr{border-color:rgba(255,255,255,0.2);}
a{color:#ddd;}
a:hover,a:focus{color:#fff;}
.img-thumbnail{background-color:rgba(255,255,255,0);border:1px solid rgba(255,255,255,0);}
.form-control,select,input[type=text]{background:#2f2f2f;border:1px solid #999;}
.gotop{border-color:transparent transparent #c00 transparent;}
.gotop:hover{border-color:transparent transparent #f00 transparent;}
.container{background:#171718;}
.header__top{border-bottom:1px rgba(255,255,255,0.2) solid;}
.header__top__nav > ul > li > a{color:#ddd;}
.header__top__nav > ul > li > a:hover{color:#fff;}
@media (min-width: 768px){
.header__top__nav > ul > li > a:before{background-image:url(https://www.okweb.asia/3001/images/dot-white.png);}
}
.webtitle{color:#ddd;}
.searchbox{background:rgba(255,255,255,0.1);}
.nav--float{border-bottom:1px solid rgba(255,255,255,0.2);}
.nav{border-top:1px solid rgba(255,255,255,0.2);}
.nav__switch{color:#999;background:rgba(255,255,255,0.1);}
.nav__switch:after{border-color:#ccc transparent transparent transparent;}
.nav__ul > li{border-top:1px solid rgba(255,255,255,0.2);}
.nav__ul > li > a:hover,.nav__ul > li:hover > a{color:#fff;}
.nav__ul > li.hasul > a:after{border-color:#999 transparent transparent transparent;}
.nav__ul > li.hasul:hover > a:after{border-color:#C00 transparent transparent transparent;}
.nav__ul > li > ul > li > a{color:#ccc;}
.nav__ul > li > ul > li > a:hover{background:#C00;color:#fff;}
@media (min-width: 768px){
.nav__ul > li{border-top:none;}
.nav__ul > li:after{background:rgba(255,255,255,0.2);}
.nav__ul > li > ul{background-color:#fff;border:2px solid #C00;}
.nav__ul > li:hover > ul > li > a{border-top:1px solid #C00;}
.nav__ul > li > ul > li > a{color:#333;}
.nav__ul > li > ul > li > a:hover{background:#C00;color:#fff;}
}
.sidebox__title{background-color:#C00;color:#FFF;}
.sidebox__list.sidebox__list--line > li{border-top:1px solid rgba(255,255,255,0.2);}
.sidebox__list__date{color:#999;}
.footer{border-top:1px solid rgba(255,255,255,0.2);}
.footer__nav__ul{border-bottom:1px solid rgba(255,255,255,0.2);}
.footer__nav__ul li:after{background:rgba(255,255,255,0.2);}
.footer__admin{border-top:1px solid rgba(255,255,255,0.2);}
.btns-social li a{background-color:rgba(255,255,255,0.2);border:3px solid rgba(255,255,255,0);}
.btns-social li a:hover{background-color:rgba(255,255,255,0.5);border:3px solid rgba(255,255,255,0);}
.article a{color:#fb5555;}
.article a:hover{color:#ff6868;}
/*! CSS Used from: Embedded */
div#editable{margin-right:auto;margin-left:auto;width:800px;overflow-x:hidden;overflow-y:hidden;}
.pushSociable{margin-top:10px;}
.nn{font-size:0.8em;}
@media (min-width: 768px){
.nn{font-size:1em;}
}
/*! CSS Used from: Embedded */
.body-bg{margin:0px;padding:0px;background-color:#000000;background-image:url(https://www.okweb.asia/wolong0000/images/ad/ad_51_1524736747-trans.jpg);background-repeat:repeat;background-position:left top;}
#example-1{display:none;}
#carousel{height:0;padding-bottom:50.75%;}
.article{margin:0 auto;}
@media (min-width: 768px){
.article{margin:0 -1em;}
}
#fb-root{display:none;}
/*! CSS Used from: https://translate.googleapis.com/translate_static/css/translateelement.css */
.goog-te-gadget{font-family:arial;font-size:11px;color:#666;white-space:nowrap;}
.goog-te-gadget img{vertical-align:middle;border:none;}
.goog-te-combo{margin-left:4px;margin-right:4px;vertical-align:baseline;*vertical-align:middle;}
.goog-te-gadget .goog-te-combo{margin:4px 0;}
.goog-logo-link,.goog-logo-link:link,.goog-logo-link:visited,.goog-logo-link:hover,.goog-logo-link:active{font-size:12px;font-weight:bold;color:#444;text-decoration:none;}
.goog-te-combo{font-family:arial;font-size:10pt;}
.goog-te-spinner-pos{z-index:1000;position:fixed;transition-delay:0.6s;left:-1000px;top:-1000px;}
.goog-te-spinner-animation{background:#ccc;display:flex;align-items:center;justify-content:center;width:104px;height:104px;border-radius:50px;background:#fff url(//www.gstatic.com/images/branding/product/2x/translate_24dp.png) 50% 50% no-repeat;transition:all 0.6s ease-in-out;transform:scale(0.4);opacity:0;}
.goog-te-spinner{margin:2px 0 0 2px;animation:goog-te-spinner-rotator 1.4s linear infinite;}
.goog-te-spinner-path{stroke-dasharray:187;stroke-dashoffset:0;stroke:#4285f4;transform-origin:center;animation:goog-te-spinner-dash 1.4s ease-in-out infinite;}
#goog-gt-tt div,#goog-gt-tt span,#goog-gt-tt h1,#goog-gt-tt img{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;text-align:left;line-height:normal;}
div#goog-gt-tt{padding:10px 14px;}
#goog-gt-tt{color:#222;background-color:#ffffff;border:1px solid #eee;box-shadow:0 4px 16px rgba(0,0,0,.2);-moz-box-shadow:0 4px 16px rgba(0,0,0,.2);-webkit-box-shadow:0 4px 16px rgba(0,0,0,.2);display:none;font-family:arial;font-size:10pt;width:420px;padding:12px;position:absolute;z-index:10000;}
#goog-gt-tt .original-text{clear:both;font-size:10pt;position:relative;text-align:justify;width:100%;}
#goog-gt-tt .title{color:#999;font-family:arial,sans-serif;margin:4px 0;text-align:left;}
#goog-gt-tt .logo{float:left;margin:0px;}
#goog-gt-tt .activity-links{display:inline-block;}
#goog-gt-tt .started-activity-container{display:none;width:100%;}
#goog-gt-tt .activity-root{margin-top:20px;}
#goog-gt-tt .bottom{min-height:15px;position:relative;height:1%;}
#goog-gt-tt .status-message{background:-moz-linear-gradient(top,#29910d 0%,#20af0e 100%);background:-webkit-linear-gradient(top,#29910d 0%,#20af0e 100%);background:-o-linear-gradient(top,#29910d 0%,#20af0e 100%);background:-ms-linear-gradient(top,#29910d 0%,#20af0e 100%);background:linear-gradient(top,#29910d 0%,#20af0e 100%);background:#29910d;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;box-shadow:inset 0px 2px 2px #1e6609;-moz-box-shadow:inset 0px 2px 2px #1e6609;-webkit-box-shadow:inset 0px 2px 2px #1e6609;color:white;font-size:9pt;font-weight:bolder;margin-top:12px;padding:6px;text-shadow:1px 1px 1px #1e6609;}
#goog-gt-tt .activity-link{color:#1155cc;cursor:pointer;font-family:arial;font-size:11px;margin-right:15px;text-decoration:none;}
#goog-gt-tt .gray{color:#999;font-family:arial,sans-serif;}
#goog-gt-tt span:focus{outline:none;}
/*! CSS Used from: Embedded */
.fb_reset{background:none;border:0;border-spacing:0;color:#000;cursor:auto;direction:ltr;font-family:"lucida grande", tahoma, verdana, arial, sans-serif;font-size:12px;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:normal;line-height:1;margin:0;overflow:visible;padding:0;text-align:left;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;visibility:visible;white-space:normal;word-spacing:normal;}
.fb_reset>div{overflow:hidden;}
.fb_iframe_widget{display:inline-block;position:relative;}
.fb_iframe_widget span{display:inline-block;position:relative;text-align:justify;}
.fb_iframe_widget iframe{position:absolute;}
/*! CSS Used from: https://www.okweb.asia/3001/style/animate.css */
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.animated.bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;}
.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;}
/*! CSS Used from: Embedded */
.quick-contact-wrap{width:100%;margin:0 auto;padding:0;position:relative;}
.visible-xs{display:none!important;}
.quick-contact{list-style:none;margin:0;padding:0;display:block;text-align:center;vertical-align:top;}
.quick-contact li{margin:0;padding:0 0 20px 0;display:inline-block;width:19%;text-align:center;vertical-align:top;}
.quick-contact li a{display:block;width:100%;max-width:300px;}
.quick-contact li a:hover{margin-top:-2px;}
.quick-contact li a img{width:100%;height:auto;}
@media (max-width: 768px){
.visible-xs{display:block!important;}
.quick-contact-wrap p{font-size:.7em;}
}
/*! CSS Used from: https://www.okweb.asia/program/js/colorbox/colorbox_v1.5.10/colorbox.css */
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;}
#cboxWrapper{max-width:none;}
#cboxOverlay{position:fixed;width:100%;height:100%;}
#cboxMiddleLeft,#cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%;}
#cboxPrevious,#cboxNext,#cboxSlideshow{cursor:pointer;}
#colorbox,#cboxContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;}
#cboxOverlay{background:#000;}
#colorbox{outline:0;}
#cboxTopLeft{width:14px;height:14px;background:url(https://www.okweb.asia/program/js/colorbox/colorbox_v1.5.10/images/controls.png) no-repeat 0 0;}
#cboxTopCenter{height:14px;background:url(https://www.okweb.asia/program/js/colorbox/colorbox_v1.5.10/images/border.png) repeat-x top left;}
#cboxTopRight{width:14px;height:14px;background:url(https://www.okweb.asia/program/js/colorbox/colorbox_v1.5.10/images/controls.png) no-repeat -36px 0;}
#cboxBottomLeft{width:14px;height:43px;background:url(https://www.okweb.asia/program/js/colorbox/colorbox_v1.5.10/images/controls.png) no-repeat 0 -32px;}
#cboxBottomCenter{height:43px;background:url(https://www.okweb.asia/program/js/colorbox/colorbox_v1.5.10/images/border.png) repeat-x bottom left;}
#cboxBottomRight{width:14px;height:43px;background:url(https://www.okweb.asia/program/js/colorbox/colorbox_v1.5.10/images/controls.png) no-repeat -36px -32px;}
#cboxMiddleLeft{width:14px;background:url(https://www.okweb.asia/program/js/colorbox/colorbox_v1.5.10/images/controls.png) repeat-y -175px 0;}
#cboxMiddleRight{width:14px;background:url(https://www.okweb.asia/program/js/colorbox/colorbox_v1.5.10/images/controls.png) repeat-y -211px 0;}
#cboxContent{background:#fff;overflow:visible;}
#cboxLoadingOverlay{background:url(https://www.okweb.asia/program/js/colorbox/colorbox_v1.5.10/images/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(https://www.okweb.asia/program/js/colorbox/colorbox_v1.5.10/images/loading.gif) no-repeat center center;}
#cboxTitle{position:absolute;bottom:-25px;left:0;text-align:center;width:100%;font-weight:bold;color:#7C7C7C;}
#cboxCurrent{position:absolute;bottom:-25px;left:58px;font-weight:bold;color:#7C7C7C;}
#cboxPrevious,#cboxNext,#cboxSlideshow{border:0;padding:0;margin:0;overflow:visible;position:absolute;bottom:-29px;background:url(https://www.okweb.asia/program/js/colorbox/colorbox_v1.5.10/images/controls.png) no-repeat 0px 0px;width:23px;height:23px;text-indent:-9999px;}
#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active{outline:0;}
#cboxPrevious{left:0px;background-position:-51px -25px;}
#cboxPrevious:hover{background-position:-51px 0px;}
#cboxNext{left:27px;background-position:-75px -25px;}
#cboxNext:hover{background-position:-75px 0px;}
/*! CSS Used keyframes */
@keyframes openmenu{0%{margin-top:-10px;opacity:0;}100%{margin-top:0;opacity:1;}}
@keyframes goog-te-spinner-rotator{0%{transform:rotate(0deg);}100%{transform:rotate(270deg);}}
@keyframes goog-te-spinner-dash{0%{stroke-dashoffset:187;}50%{stroke-dashoffset:46.75;transform:rotate(135deg);}100%{stroke-dashoffset:187;transform:rotate(450deg);}}
@-webkit-keyframes bounceIn{0%, 20%, 40%, 60%, 80%, 100%{-webkit-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);}0%{opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3);}20%{-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1);}40%{-webkit-transform:scale3d(.9, .9, .9);transform:scale3d(.9, .9, .9);}60%{opacity:1;-webkit-transform:scale3d(1.03, 1.03, 1.03);transform:scale3d(1.03, 1.03, 1.03);}80%{-webkit-transform:scale3d(.97, .97, .97);transform:scale3d(.97, .97, .97);}100%{opacity:1;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}}
@keyframes bounceIn{0%, 20%, 40%, 60%, 80%, 100%{-webkit-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);}0%{opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3);}20%{-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1);}40%{-webkit-transform:scale3d(.9, .9, .9);transform:scale3d(.9, .9, .9);}60%{opacity:1;-webkit-transform:scale3d(1.03, 1.03, 1.03);transform:scale3d(1.03, 1.03, 1.03);}80%{-webkit-transform:scale3d(.97, .97, .97);transform:scale3d(.97, .97, .97);}100%{opacity:1;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}}