@charset "utf-8";html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background-color:transparent}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dashed}
b,strong{font-weight:600}
dfn{font-style:italic}
h1{font-size:2em;margin:.67em 0}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;margin:0 .2em}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0}
textarea{overflow:auto}
optgroup{font-weight:700}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}
.hidden,[hidden]{display:none!important}
.pure-img{max-width:100%;height:auto;display:block}
body{padding:0;margin:0;background-attachment:fixed;font-size:15px;line-height:30px;font-family:"微軟正黑體",Arial,"新細明體"}
ul,ol,dl{padding:0;margin:0;list-style:none}
.majormenu > li > ul > li{ border-bottom:1px #E6E6E6 solid;}
ol li{list-style-type:decimal;margin-left:1.5em}
label{font-weight:normal;padding:0}
a:link,a:hover,a:visited{text-decoration:none}
a{text-decoration:none}
a:hover{text-decoration:none}
a:focus{padding:0;margin:0}
.align-left{text-align:left}
.align-right{text-align:right}
.align-center{text-align:center}
img,a img{border:0}
.img-thumbnail{border:0;background:0}
.clearfix:after,.clearfloat{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}
.btn,a.btn{cursor:pointer;display:inline-block;font-size:1em;line-height:1.8;font-weight:bold;border:0;text-align:center;padding:.3em 1em;margin-right:.5em;margin-bottom:.3em;margin-top:.3em;-o-transition:all .2s cubic-bezier(0,.37,.24,.99);-webkit-transition:all .2s cubic-bezier(0,.37,.24,.99);-moz-transition:all .2s cubic-bezier(0,.37,.24,.99);transition:all .2s cubic-bezier(0,.37,.24,.99);-webkit-border-radius:2px!important;-moz-border-radius:2px!important;-ms-border-radius:2px!important;-o-border-radius:2px!important;border-radius:2px!important;white-space:nowrap}
.elem--block{display:block;width:100%}
.form-control,select,textarea,input[type=text]{-webkit-border-radius:2px!important;-moz-border-radius:2px!important;-ms-border-radius:2px!important;-o-border-radius:2px!important;border-radius:2px!important;font-size:1em;padding:.5em;margin:.3em .5em .3em 0;height:auto}
.radius{-webkit-border-radius:2px!important;-moz-border-radius:2px!important;-ms-border-radius:2px!important;-o-border-radius:2px!important;border-radius:2px!important}
.gotop{display:none;position:fixed;right:1em;bottom:1em;z-index:1000;width:40px;height:40px;background-image:url(../svg/gotop.svg);background-repeat:no-repeat;background-position:center center;background-size:contain;cursor:pointer;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%}
@media(min-width:768px){.gotop{right:2em;bottom:2em}
}.container{position:relative}
.header{position:relative;background:0;box-shadow:none}
.header--float{padding-top:.5em;padding-bottom:.5em;position:relative;top:0;left:auto;right:auto;background:0;box-shadow:none}
.header--fixed{position:fixed;top:0;left:0;right:0;z-index:2000;border-bottom:1px solid rgba(0,0,0,0.1);box-shadow:0 2px 3px rgba(0,0,0,0.3)}
.header--fixed .logo-group{min-height:50px}
.header--fixed .logo img{max-height:50px}
@media(min-width:768px){.header--fixed{top:0;left:0;right:0;width:100%}
.header--fixed .logo-group,.header--fixed .header-nav{min-height:50px;padding:0 .5em}
.header--fixed .webtitle{display:table-cell}
.header--fixed .container{padding:0}
}.logo-group{display:block;width:100%;float:none;padding-right:50px;padding-left:50px}
.logo,.header--float .logo{margin:0;padding:0 .5em 0 0;width:auto;height:auto;vertical-align:middle;text-align:center;display:block}
.logo a{display:block}
.logo img{max-width:100%;max-width:350px \9;max-height:none}
.webtitle,.header--float .webtitle{font-size:1.1em;line-height:1.2;font-weight:normal;vertical-align:middle;text-align:center;display:block;margin:.5em auto;padding:0}
@media(min-width:768px){.logo-group,.header--float .logo-group{min-height:5em;display:table;width:auto;max-width:100%;float:left;padding-right:0;padding-left:0}
.webtitle,.header--float .webtitle{font-size:1.3em}
.logo,.webtitle,.header--float .logo,.header--float .webtitle{display:table-cell;margin:0 auto;text-align:left}
.logo img{max-width:500px;max-height:500px}
}#index-carousel{margin:1em 0;padding:0;overflow:hidden}
.carousel-indicators{opacity:0}
#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}
.quick_contact-set-line li{margin:0!important}
.quick_contact-set-line p{margin:0}
.quick_contact-set-line>.title{color:inherit;border:0;font-size:1.2em;margin:.2em auto .5em auto;padding:0;display:block}
.quick_contact-set-line>.title:before,.quick_contact-set-line>.title:after{display:none}
.quick-contact img{max-width:150px;max-height:150px}
.header-nav{width:100%;float:none;text-align:center;min-height:none;display:block;padding:0;margin-bottom:1em}
.header-nav>ul{vertical-align:middle;display:block;margin:0;padding:0}
.header-nav>ul>li{display:inline-block;margin:0 2px 0 0;padding:0}
.header-nav>ul>li>a{font-size:1em;display:block;margin:0;padding:0;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;position:relative}
.nav-home,.nav-contact,.nav-cart,.nav-pay,.nav-cn-gb,.nav-cn-big5,.nav-language{display:inline-block;width:45px;height:45px;background-size:cover!important;background-position:0 0!important;background-repeat:no-repeat!important;text-indent:100%;white-space:nowrap;overflow:hidden}
.nav-home{background-image:url(https://www.okweb.asia/3017/svg/nav-home.svg)}
.nav-contact{background-image:url(https://www.okweb.asia/3017/svg/nav-contact.svg)}
.nav-cart{background-image:url(https://www.okweb.asia/3017/svg/nav-cart.svg)}
.nav-pay{background-image:url(https://www.okweb.asia/3017/svg/nav-pay.svg)}
.nav-cn-gb{background-image:url(https://www.okweb.asia/3017/svg/nav-cn.svg)}
.nav-cn-big5{background-image:url(https://www.okweb.asia/3017/svg/nav-tw.svg)}
.nav-language{background-image:url(https://www.okweb.asia/3017/svg/nav-language.svg)!important}
@media(min-width:768px){.header-nav{width:50%;float:right;text-align:right;min-height:5em;display:table;margin-bottom:0}
.header-nav>ul{display:table-cell}
.header-nav>ul>li{display:inline-block;margin:0;padding:0}
.header-nav>ul>li>a{padding:0 .5em;font-size:.85em;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px}
.nav-home,.nav-contact,.nav-cart,.nav-pay,.nav-cn-gb,.nav-cn-big5,.nav-language{width:auto;height:auto;background-image:none!important;text-indent:0;white-space:0;overflow:visible}
}.majormenu-wrap{width:100%;z-index:1000;position:relative;float:left}
.majormenu{display:block}
.majormenu ul{position:relative}
.majormenu li:hover,.majormenu li.current{visibility:inherit}
.majormenu>li{display:block;position:relative}
.hasdropmenu:after{content:' ';display:inline-block;position:absolute;width:0;height:0;top:1.5em;right:.8em;border-right:5px solid transparent;border-left:5px solid transparent;opacity:.5}
.majormenu>li>a{background:0;margin:0;padding:.5em 15px .5em 5px;display:block;font-size:1.2em}
.majormenu>li.hasul>a:after{content:' ';display:inline-block;width:13px;height:13px;position:absolute;top:1em;right:5px;background:url(../svg/arrow-down.svg) no-repeat 0 0;background-size:cover}
.majormenu>li:first-child>a{border-top:0}
.majormenu>li>ul{z-index:9999;display:none;padding:0;margin:0;right:0;left:0}
.majormenu>li:hover>ul,.majormenu>li:active>ul{display:block}
.majormenu>li>ul>li>a{display:block;font-size:1em;padding:.3em .5em .3em 2em}
@media(min-width:768px){.majormenu-wrap{padding:0;margin:.5em auto}
.majormenu>li.hasul>a:after{right:0}
.majormenu>li>ul{z-index:-999;display:none;position:absolute;min-width:200px;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);-webkit-border-radius:4px!important;-moz-border-radius:4px!important;-ms-border-radius:4px!important;-o-border-radius:4px!important;border-radius:4px!important}
.majormenu>li:hover>ul,.majormenu>li:active>ul{animation-name:openmenu;animation-duration:.2s;left:.8em;z-index:1500}
.dropdown-lang.open .dropdown-menu-lang{animation-name:openmenu;animation-duration:.2s}
@keyframes openmenu{0%{margin-top:20px;opacity:0}
100%{margin-top:0;opacity:1}
}.majormenu>li{display:inline-block}
.majormenu>li>a{padding:.2em 1em;font-size:1em}
.majormenu>li.hasul>a:after{top:.8em}
.majormenu>li:hover>ul>li>a{padding:.3em .5em}
}.sidebar{position:fixed;z-index:1600;margin:0;padding:1em;top:0;bottom:0;left:-100%;right:50px;width:80%;min-width:150px;overflow-y:auto;display:block}
.nav-overlay{position:fixed;z-index:1600;top:0;right:0;bottom:0;left:0;display:block}
.nav-switch{position:absolute;top:0;bottom:0;right:1em;padding:10px;margin:0;z-index:2000;display:block}
@media(min-width:768px){.sidebar{position:relative;z-index:1600;margin:0;padding:0;top:auto;bottom:auto;left:0;width:100%;max-width:none;overflow:visible}
.nav-switch,.nav-overlay{display:none}
}.nav-switch .icon-bar{display:block;width:30px;height:5px;border-radius:1px}
.nav-switch .icon-bar,.nav-switch:hover .icon-bar,.nav-switch.is-close .icon-bar{-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out}
.nav-switch .icon-bar+.icon-bar{margin-top:5px}
.nav-switch.is-close .icon-bar:nth-child(1){-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}
.nav-switch.is-close .icon-bar:nth-child(2){opacity:1}
.nav-switch.is-close .icon-bar:nth-child(3){-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}
.nav-switch.is-open{z-index:1600}
.nav-switch.is-open .icon-bar:nth-child(1){-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.nav-switch.is-open .icon-bar:nth-child(2){opacity:0}
.nav-switch.is-open .icon-bar:nth-child(3){-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);margin-top:-15px}
.footer{margin-top:2em;margin-bottom:2em;font-size:.85em}
.footer-menu{text-align:center;width:100%;padding-top:.5em;padding-bottom:.5em;margin-bottom:1em}
.footer-menu li{display:inline-block;margin:0 .8em}
.footer-left,.footer-right{text-align:center}
@media(min-width:768px){.footer-left{text-align:left}
.footer-right{text-align:right}
}.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/3017/svg/social-icon-facebook.svg)}
.btns-social li a.social-twitter{background-image:url(https://www.okweb.asia/3017/svg/social-icon-twitter.svg)}
.btns-social li a.social-gplus{background-image:url(https://www.okweb.asia/3017/svg/social-icon-gplus.svg)}
.btns-social li a.social-plurk{background-image:url(https://www.okweb.asia/3017/svg/social-icon-plurk.svg)}
.btns-social li a.social-weibo{background-image:url(https://www.okweb.asia/3017/svg/social-icon-weibo.svg)}
.article-column{padding-bottom:2em}
.beside-column{padding-bottom:1em;position:relative;padding-right:auto}
.beside-column:before{content:' ';width:100%;height:30px;top:0;left:0;right:0;position:absolute}
@media(min-width:768px){.beside-column{box-shadow:none}
.beside-column:before{display:none}
}
@media(min-width:992px){.beside-column{padding-right:3em}
}.sidebox{width:100%;margin-bottom:2em;display:block}
.sidebox .form-control{display:block;width:100%}
.sidebox-title{font-size:1.3em;line-height:1.5;font-weight:normal;display:block;position:relative;padding-left:10px;margin:1em 0 .5em 0}
.sidebox-title:before{content:' ';width:5px;height:20px;position:absolute;top:5px;left:0}
.sidebox-ad img{max-width:100%;max-width:220px \9;margin:0 0 1px 0}
.searchbox{margin:0;padding:0;position:relative;display:block}
.searchbox .form-control{display:block;width:100%;margin:0;padding-right:45px}
.btn-search{background:url(../svg/zoom.svg) no-repeat 0 0;background-size:cover;width:25px;height:25px;position:absolute;cursor:pointer;top:5px;right:5px;display:inline-block;border:0}
.btn-search:hover{animation-name:gosearch;animation-duration:.3s}
@keyframes gosearch{0%{width:25px;height:25px;top:5px;right:5px}
50%{width:30px;height:30px;top:3px;right:2px}
100%{width:25px;height:25px;top:5px;right:5px}
}.sublist{margin-bottom:1em}

.sublist li a{font-size:1em;padding:.3em;display:block;position:relative}

.sublist>li>ul>li>a{font-size:1em;padding:.1em;margin-left:1em}
.sublist>li>ul>li>a.mark{color:#000}
.sublist.sublist-liststyle li a{padding-left:.8em}
.sublist.sublist-liststyle li a:before{content:' ';width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:0;position:absolute;left:0;top:.95em}
.sublist.sublist-liststyle li li a:before{border-top:4px solid transparent;border-bottom:4px solid transparent}
.sublist-date{display:block;font-size:.8em;line-height:1.5;margin:0;padding:0}
@media(min-width:768px){
}.votetitle{display:block;font-size:1.1em;margin:0 0 .5em 0;padding:.3em}
.inlinelist{text-align:center}
.inlinelist li{display:inline-block;position:relative;padding:.3em .5em .3em .7em}
.inlinelist li:before{content:' ';height:.8em;width:1px;position:absolute;top:1em;left:0}
.inlinelist li:first-child:before{display:none}
.inlinelist li:first-child{padding:.3em .5em}