@charset "UTF-8";
/* CSS Document */
@font-face {
    font-family: 'MaxPro';
    src: url('fonts/MaxPro-Regular.eot');
    src: url('fonts/MaxPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/MaxPro-Regular.woff') format('woff'),
        url('fonts/MaxPro-Regular.ttf') format('truetype'),
        url('fonts/MaxPro-Regular.svg#MaxPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MaxPro';
    src: url('fonts/MaxPro-Bold.eot');
    src: url('fonts/MaxPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/MaxPro-Bold.woff') format('woff'),
        url('fonts/MaxPro-Bold.ttf') format('truetype'),
        url('fonts/MaxPro-Bold.svg#MaxPro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

html{font-family: Helvetica,Arial,sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{margin:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,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:0 0}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
dfn{font-style:italic}
h1{margin:.67em 0;font-size:2em}
mark{color:#000;background:#ff0}
small{font-size:80%}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace,"Microsoft JhengHei";font-size:1em}
button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit; outline:none !important;}
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{padding:0;border:0}
input{line-height:normal}
input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
legend{padding:0;border:0}
textarea{overflow:auto}
optgroup{font-weight:700}
table{border-spacing:0;border-collapse:collapse}
td,th{padding:0}
@media print{
*{color:#000!important;text-shadow:none!important;background:transparent!important;-webkit-box-shadow:none!important;box-shadow:none!important}
a,a:visited{text-decoration:underline}
a[href]:after{content:" (" attr(href) ")"}
abbr[title]:after{content:" (" attr(title) ")"}
a[href^="javascript:"]:after,a[href^="#"]:after{content:""}
pre,blockquote{border:1px solid #999;page-break-inside:avoid}
thead{display:table-header-group}
tr,img{page-break-inside:avoid}
img{max-width:100%!important}
p,h2,h3{orphans:3;widows:3}
h2,h3{page-break-after:avoid}
select{background:#fff!important}
.navbar{display:none}
.table td,.table th{background-color:#fff!important}
.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}
.label{border:1px solid #000}
.table{border-collapse:collapse!important}
.table-bordered th,.table-bordered td{border:1px solid #ddd!important}
}
*{-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}
html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body{font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}
input,button,select,textarea{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:inherit;line-height:inherit}
a{color:#428bca;text-decoration:none}
a:hover,a:focus{color:#2a6496;text-decoration:underline}
a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
figure{margin:0}
img{vertical-align:middle}
.img-responsive,.thumbnail>img,.thumbnail a>img,.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;width:100% \9;max-width:100%;height:auto;}
.img-rounded{border-radius:6px}
.img-thumbnail{display:inline-block;width:100% \9;max-width:100%;height:auto;padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.img-circle{border-radius:50%}
hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small{font-weight:400;line-height:1;}
h1,.h1,h2,.h2,h3,.h3{margin-top:20px;margin-bottom:10px}
h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small{font-size:65%}
h4,.h4,h5,.h5,h6,.h6{margin-top:10px;margin-bottom:10px}
h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,h4 .small,.h4 .small,h5 .small,.h5 .small,h6 .small,.h6 .small{font-size:75%}
h1,.h1{font-size:2rem}
h2,.h2{font-size:1.667rem}
h3,.h3{font-size:1.333rem}
h4,.h4{font-size:1rem}
h5,.h5{font-size:0.777rem}
h6,.h6{font-size:0.667rem}
p{margin:0 0 10px}
small,.small{font-size:85%}
cite{font-style:normal}
mark,.mark{padding:.2em;background-color:#fcf8e3}
.text-left{text-align:left}
.text-right{text-align:right}
.text-center{text-align:center}
.text-justify{text-align:justify}
.text-nowrap{white-space:nowrap}
.text-lowercase{text-transform:lowercase}
.text-uppercase{text-transform:uppercase}
.text-capitalize{text-transform:capitalize}
ul,ol{margin-top:0;margin-bottom:10px}
ul ul,ol ul,ul ol,ol ol{margin-bottom:0}
.list-unstyled{padding-left:0;list-style:none}
.list-inline{padding-left:0;margin-left:-5px;list-style:none}
.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}
dl{margin-top:0;margin-bottom:20px}
dt,dd{line-height:1.42857143}
dt{font-weight:700}
dd{margin-left:0}
.container{padding-right:10px;padding-left:10px;margin-right:auto;margin-left:auto}
@media (min-width:768px){
.container{width:750px}
}
@media (min-width:992px){
.container{width:980px; padding-left:15px; padding-right:15px;}
}
@media (min-width:1281px){
.container{width:1000px; padding-left:0; padding-right:0;}
}
.container-fluid{padding-right:10px;padding-left:10px;margin-right:auto;margin-left:auto}
.row{margin-right:-2rem;margin-left:-2rem}
.col-xxs-1,.col-xxs-2,.col-xxs-3,.col-xxs-4,.col-xxs-5,.col-xxs-6,.col-xxs-7,.col-xxs-8,.col-xxs-9,.col-xxs-10,.col-xxs-11,.col-xxs-12,.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px;padding-right:2rem;padding-left:2rem}
.col-xxs-1,.col-xxs-2,.col-xxs-3,.col-xxs-4,.col-xxs-5,.col-xxs-6,.col-xxs-7,.col-xxs-8,.col-xxs-9,.col-xxs-10,.col-xxs-11,.col-xxs-12,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}

@media (max-width:992px) and (orientation:landscape){
.row{margin-right:-15px;margin-left:-15px}
.col-xxs-1,.col-xxs-2,.col-xxs-3,.col-xxs-4,.col-xxs-5,.col-xxs-6,.col-xxs-7,.col-xxs-8,.col-xxs-9,.col-xxs-10,.col-xxs-11,.col-xxs-12,.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{padding-right:15px;padding-left:15px}
}
.col-xs-12{width:100%}
.col-xs-11{width:91.66666667%}
.col-xs-10{width:83.33333333%}
.col-xs-9{width:75%}
.col-xs-8{width:66.66666667%}
.col-xs-7{width:58.33333333%}
.col-xs-6{width:50%}
.col-xs-5{width:41.66666667%}
.col-xs-4{width:33.33333333%}
.col-xs-3{width:25%}
.col-xs-2{width:16.66666667%}
.col-xs-1{width:8.33333333%}
.col-xs-pull-12{right:100%}
.col-xs-pull-11{right:91.66666667%}
.col-xs-pull-10{right:83.33333333%}
.col-xs-pull-9{right:75%}
.col-xs-pull-8{right:66.66666667%}
.col-xs-pull-7{right:58.33333333%}
.col-xs-pull-6{right:50%}
.col-xs-pull-5{right:41.66666667%}
.col-xs-pull-4{right:33.33333333%}
.col-xs-pull-3{right:25%}
.col-xs-pull-2{right:16.66666667%}
.col-xs-pull-1{right:8.33333333%}
.col-xs-pull-0{right:auto}
.col-xs-push-12{left:100%}
.col-xs-push-11{left:91.66666667%}
.col-xs-push-10{left:83.33333333%}
.col-xs-push-9{left:75%}
.col-xs-push-8{left:66.66666667%}
.col-xs-push-7{left:58.33333333%}
.col-xs-push-6{left:50%}
.col-xs-push-5{left:41.66666667%}
.col-xs-push-4{left:33.33333333%}
.col-xs-push-3{left:25%}
.col-xs-push-2{left:16.66666667%}
.col-xs-push-1{left:8.33333333%}
.col-xs-push-0{left:auto}
.col-xs-offset-12{margin-left:100%}
.col-xs-offset-11{margin-left:91.66666667%}
.col-xs-offset-10{margin-left:83.33333333%}
.col-xs-offset-9{margin-left:75%}
.col-xs-offset-8{margin-left:66.66666667%}
.col-xs-offset-7{margin-left:58.33333333%}
.col-xs-offset-6{margin-left:50%}
.col-xs-offset-5{margin-left:41.66666667%}
.col-xs-offset-4{margin-left:33.33333333%}
.col-xs-offset-3{margin-left:25%}
.col-xs-offset-2{margin-left:16.66666667%}
.col-xs-offset-1{margin-left:8.33333333%}
.col-xs-offset-0{margin-left:0}
@media (max-width:480px) and (orientation:landscape){
.col-xxs-12{width:100%}
.col-xxs-11{width:91.66666667%}
.col-xxs-10{width:83.33333333%}
.col-xxs-9{width:75%}
.col-xxs-8{width:66.66666667%}
.col-xxs-7{width:58.33333333%}
.col-xxs-6{width:50%}
.col-xxs-5{width:41.66666667%}
.col-xxs-4{width:33.33333333%}
.col-xxs-3{width:25%}
.col-xxs-2{width:16.66666667%}
.col-xxs-1{width:8.33333333%}
.col-xxs-pull-12{right:100%}
.col-xxs-pull-11{right:91.66666667%}
.col-xxs-pull-10{right:83.33333333%}
.col-xxs-pull-9{right:75%}
.col-xxs-pull-8{right:66.66666667%}
.col-xxs-pull-7{right:58.33333333%}
.col-xxs-pull-6{right:50%}
.col-xxs-pull-5{right:41.66666667%}
.col-xxs-pull-4{right:33.33333333%}
.col-xxs-pull-3{right:25%}
.col-xxs-pull-2{right:16.66666667%}
.col-xxs-pull-1{right:8.33333333%}
.col-xxs-pull-0{right:auto}
.col-xxs-push-12{left:100%}
.col-xxs-push-11{left:91.66666667%}
.col-xxs-push-10{left:83.33333333%}
.col-xxs-push-9{left:75%}
.col-xxs-push-8{left:66.66666667%}
.col-xxs-push-7{left:58.33333333%}
.col-xxs-push-6{left:50%}
.col-xxs-push-5{left:41.66666667%}
.col-xxs-push-4{left:33.33333333%}
.col-xxs-push-3{left:25%}
.col-xxs-push-2{left:16.66666667%}
.col-xxs-push-1{left:8.33333333%}
.col-xxs-push-0{left:auto}
.col-xxs-offset-12{margin-left:100%}
.col-xxs-offset-11{margin-left:91.66666667%}
.col-xxs-offset-10{margin-left:83.33333333%}
.col-xxs-offset-9{margin-left:75%}
.col-xxs-offset-8{margin-left:66.66666667%}
.col-xxs-offset-7{margin-left:58.33333333%}
.col-xxs-offset-6{margin-left:50%}
.col-xxs-offset-5{margin-left:41.66666667%}
.col-xxs-offset-4{margin-left:33.33333333%}
.col-xxs-offset-3{margin-left:25%}
.col-xxs-offset-2{margin-left:16.66666667%}
.col-xxs-offset-1{margin-left:8.33333333%}
.col-xxs-offset-0{margin-left:0}
}

@media (min-width:768px){
.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}
.col-sm-12{width:100%}
.col-sm-11{width:91.66666667%}
.col-sm-10{width:83.33333333%}
.col-sm-9{width:75%}
.col-sm-8{width:66.66666667%}
.col-sm-7{width:58.33333333%}
.col-sm-6{width:50%}
.col-sm-5{width:41.66666667%}
.col-sm-4{width:33.33333333%}
.col-sm-3{width:25%}
.col-sm-2{width:16.66666667%}
.col-sm-1{width:8.33333333%}
.col-sm-pull-12{right:100%}
.col-sm-pull-11{right:91.66666667%}
.col-sm-pull-10{right:83.33333333%}
.col-sm-pull-9{right:75%}
.col-sm-pull-8{right:66.66666667%}
.col-sm-pull-7{right:58.33333333%}
.col-sm-pull-6{right:50%}
.col-sm-pull-5{right:41.66666667%}
.col-sm-pull-4{right:33.33333333%}
.col-sm-pull-3{right:25%}
.col-sm-pull-2{right:16.66666667%}
.col-sm-pull-1{right:8.33333333%}
.col-sm-pull-0{right:auto}
.col-sm-push-12{left:100%}
.col-sm-push-11{left:91.66666667%}
.col-sm-push-10{left:83.33333333%}
.col-sm-push-9{left:75%}
.col-sm-push-8{left:66.66666667%}
.col-sm-push-7{left:58.33333333%}
.col-sm-push-6{left:50%}
.col-sm-push-5{left:41.66666667%}
.col-sm-push-4{left:33.33333333%}
.col-sm-push-3{left:25%}
.col-sm-push-2{left:16.66666667%}
.col-sm-push-1{left:8.33333333%}
.col-sm-push-0{left:auto}
.col-sm-offset-12{margin-left:100%}
.col-sm-offset-11{margin-left:91.66666667%}
.col-sm-offset-10{margin-left:83.33333333%}
.col-sm-offset-9{margin-left:75%}
.col-sm-offset-8{margin-left:66.66666667%}
.col-sm-offset-7{margin-left:58.33333333%}
.col-sm-offset-6{margin-left:50%}
.col-sm-offset-5{margin-left:41.66666667%}
.col-sm-offset-4{margin-left:33.33333333%}
.col-sm-offset-3{margin-left:25%}
.col-sm-offset-2{margin-left:16.66666667%}
.col-sm-offset-1{margin-left:8.33333333%}
.col-sm-offset-0{margin-left:0}
}
@media (min-width:992px){
.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}
.col-md-12{width:100%}
.col-md-11{width:91.66666667%}
.col-md-10{width:83.33333333%}
.col-md-9{width:75%}
.col-md-8{width:66.66666667%}
.col-md-7{width:58.33333333%}
.col-md-6{width:50%}
.col-md-5{width:41.66666667%}
.col-md-4{width:33.33333333%}
.col-md-3{width:25%}
.col-md-2{width:16.66666667%}
.col-md-1{width:8.33333333%}
.col-md-pull-12{right:100%}
.col-md-pull-11{right:91.66666667%}
.col-md-pull-10{right:83.33333333%}
.col-md-pull-9{right:75%}
.col-md-pull-8{right:66.66666667%}
.col-md-pull-7{right:58.33333333%}
.col-md-pull-6{right:50%}
.col-md-pull-5{right:41.66666667%}
.col-md-pull-4{right:33.33333333%}
.col-md-pull-3{right:25%}
.col-md-pull-2{right:16.66666667%}
.col-md-pull-1{right:8.33333333%}
.col-md-pull-0{right:auto}
.col-md-push-12{left:100%}
.col-md-push-11{left:91.66666667%}
.col-md-push-10{left:83.33333333%}
.col-md-push-9{left:75%}
.col-md-push-8{left:66.66666667%}
.col-md-push-7{left:58.33333333%}
.col-md-push-6{left:50%}
.col-md-push-5{left:41.66666667%}
.col-md-push-4{left:33.33333333%}
.col-md-push-3{left:25%}
.col-md-push-2{left:16.66666667%}
.col-md-push-1{left:8.33333333%}
.col-md-push-0{left:auto}
.col-md-offset-12{margin-left:100%}
.col-md-offset-11{margin-left:91.66666667%}
.col-md-offset-10{margin-left:83.33333333%}
.col-md-offset-9{margin-left:75%}
.col-md-offset-8{margin-left:66.66666667%}
.col-md-offset-7{margin-left:58.33333333%}
.col-md-offset-6{margin-left:50%}
.col-md-offset-5{margin-left:41.66666667%}
.col-md-offset-4{margin-left:33.33333333%}
.col-md-offset-3{margin-left:25%}
.col-md-offset-2{margin-left:16.66666667%}
.col-md-offset-1{margin-left:8.33333333%}
.col-md-offset-0{margin-left:0}
}
@media (min-width:1281px){
.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}
.col-lg-12{width:100%}
.col-lg-11{width:91.66666667%}
.col-lg-10{width:83.33333333%}
.col-lg-9{width:75%}
.col-lg-8{width:66.66666667%}
.col-lg-7{width:58.33333333%}
.col-lg-6{width:50%}
.col-lg-5{width:41.66666667%}
.col-lg-4{width:33.33333333%}
.col-lg-3{width:25%}
.col-lg-2{width:16.66666667%}
.col-lg-1{width:8.33333333%}
.col-lg-pull-12{right:100%}
.col-lg-pull-11{right:91.66666667%}
.col-lg-pull-10{right:83.33333333%}
.col-lg-pull-9{right:75%}
.col-lg-pull-8{right:66.66666667%}
.col-lg-pull-7{right:58.33333333%}
.col-lg-pull-6{right:50%}
.col-lg-pull-5{right:41.66666667%}
.col-lg-pull-4{right:33.33333333%}
.col-lg-pull-3{right:25%}
.col-lg-pull-2{right:16.66666667%}
.col-lg-pull-1{right:8.33333333%}
.col-lg-pull-0{right:auto}
.col-lg-push-12{left:100%}
.col-lg-push-11{left:91.66666667%}
.col-lg-push-10{left:83.33333333%}
.col-lg-push-9{left:75%}
.col-lg-push-8{left:66.66666667%}
.col-lg-push-7{left:58.33333333%}
.col-lg-push-6{left:50%}
.col-lg-push-5{left:41.66666667%}
.col-lg-push-4{left:33.33333333%}
.col-lg-push-3{left:25%}
.col-lg-push-2{left:16.66666667%}
.col-lg-push-1{left:8.33333333%}
.col-lg-push-0{left:auto}
.col-lg-offset-12{margin-left:100%}
.col-lg-offset-11{margin-left:91.66666667%}
.col-lg-offset-10{margin-left:83.33333333%}
.col-lg-offset-9{margin-left:75%}
.col-lg-offset-8{margin-left:66.66666667%}
.col-lg-offset-7{margin-left:58.33333333%}
.col-lg-offset-6{margin-left:50%}
.col-lg-offset-5{margin-left:41.66666667%}
.col-lg-offset-4{margin-left:33.33333333%}
.col-lg-offset-3{margin-left:25%}
.col-lg-offset-2{margin-left:16.66666667%}
.col-lg-offset-1{margin-left:8.33333333%}
.col-lg-offset-0{margin-left:0}
}
table{background-color:transparent}
.table{width:100%;max-width:100%;margin-bottom:20px}
.table-bordered{border:1px solid #ddd}
.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td{border:1px solid #ddd}
fieldset{min-width:0;padding:0;margin:0;border:0}
legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:1.167rem;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}
label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}
input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
input[type=radio],input[type=checkbox]{margin:3px 0 0;margin-top:1px \9;line-height:normal}
input[type=file]{display:block}
input[type=range]{display:block;width:100%}
select[multiple],select[size]{height:auto}
input[type=file]:focus,input[type=radio]:focus,input[type=checkbox]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
output{display:block;padding-top:7px;font-size:0.778rem;line-height:1.42857143;color:#555}
.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:0.778rem;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;}
.form-control:focus{border:none;outline:0;}
.form-control::-moz-placeholder{color:#777;opacity:1}
.form-control:-ms-input-placeholder{color:#777}
.form-control::-webkit-input-placeholder{color:#777}
.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee;opacity:1}
textarea.form-control{height:auto}
input[type=search]{-webkit-appearance:none}
input[type=date],input[type=time],input[type=datetime-local],input[type=month]{line-height:34px;line-height:1.42857143 \0}
input[type=date].input-sm,input[type=time].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm{line-height:30px}
input[type=date].input-lg,input[type=time].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg{line-height:46px}
.form-group{margin-bottom:15px}
.radio,.checkbox{position:relative;display:block;min-height:20px;margin-top:10px;margin-bottom:10px}
.radio label,.checkbox label{padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}
.radio input[type=radio],.radio-inline input[type=radio],.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox]{position:absolute;margin-top:4px \9; margin-left:-20px}
.radio+.radio,.checkbox+.checkbox{margin-top:-5px}
.radio-inline,.checkbox-inline{display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer}
.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline{margin-top:0;margin-left:10px}
input[type=radio][disabled],input[type=checkbox][disabled],input[type=radio].disabled,input[type=checkbox].disabled,fieldset[disabled] input[type=radio],fieldset[disabled] input[type=checkbox]{cursor:not-allowed}
.radio-inline.disabled,.checkbox-inline.disabled,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox-inline{cursor:not-allowed}
.radio.disabled label,.checkbox.disabled label,fieldset[disabled] .radio label,fieldset[disabled] .checkbox label{cursor:not-allowed}
.form-control-static{padding-top:7px;padding-bottom:7px;margin-bottom:0}
.form-control-static.input-lg,.form-control-static.input-sm{padding-right:0;padding-left:0}
.input-sm,.form-horizontal .form-group-sm .form-control{height:30px;padding:5px 10px;font-size:0.667rem;line-height:1.5;border-radius:3px}
select.input-sm{height:30px;line-height:30px}
textarea.input-sm,select[multiple].input-sm{height:auto}
.input-lg,.form-horizontal .form-group-lg .form-control{height:46px;padding:10px 16px;font-size:1rem;line-height:1.33;border-radius:6px}
select.input-lg{height:46px;line-height:46px}
textarea.input-lg,select[multiple].input-lg{height:auto}
.clearfix:before,.clearfix:after,.dl-horizontal dd:before,.dl-horizontal dd:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after{display:table;content:" "}
.clearfix:after,.dl-horizontal dd:after,.container:after,.container-fluid:after,.row:after{clear:both}
.center-block{display:block;margin-right:auto;margin-left:auto}
.pull-right{float:right!important}
.pull-left{float:left!important}
.hide{display:none!important}
.show{display:block!important}
.invisible{visibility:hidden}
.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}
.hidden{display:none!important;visibility:hidden!important}
.affix{position:fixed;-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
@-ms-viewport{width:device-width}
.visible-xxs,.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none!important}
.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block{display:none!important}
@media (max-width:767px){
.visible-xs{display:block!important}
table.visible-xs{display:table}
tr.visible-xs{display:table-row!important}
th.visible-xs,td.visible-xs{display:table-cell!important}
}
@media (max-width:767px){
.visible-xs-block{display:block!important}
}
@media (max-width:767px){
.visible-xs-inline{display:inline!important}
}
@media (max-width:767px){
.visible-xs-inline-block{display:inline-block!important}
}
@media (min-width:768px) and (max-width:991px){
.visible-sm{display:block!important}
table.visible-sm{display:table}
tr.visible-sm{display:table-row!important}
th.visible-sm,td.visible-sm{display:table-cell!important}
}
@media (min-width:768px) and (max-width:991px){
.visible-sm-block{display:block!important}
}
@media (min-width:768px) and (max-width:991px){
.visible-sm-inline{display:inline!important}
}
@media (min-width:768px) and (max-width:991px){
.visible-sm-inline-block{display:inline-block!important}
}
@media (min-width:992px) and (max-width:1280px){
.visible-md{display:block!important}
table.visible-md{display:table}
tr.visible-md{display:table-row!important}
th.visible-md,td.visible-md{display:table-cell!important}
}
@media (min-width:992px) and (max-width:1280px){
.visible-md-block{display:block!important}
}
@media (min-width:992px) and (max-width:1280px){
.visible-md-inline{display:inline!important}
}
@media (min-width:992px) and (max-width:1280px){
.visible-md-inline-block{display:inline-block!important}
}
@media (min-width:1281px){
.visible-lg{display:block!important}
table.visible-lg{display:table}
tr.visible-lg{display:table-row!important}
th.visible-lg,td.visible-lg{display:table-cell!important}
}
@media (min-width:1281px){
.visible-lg-block{display:block!important}
}
@media (min-width:1281px){
.visible-lg-inline{display:inline!important}
}
@media (min-width:1281px){
.visible-lg-inline-block{display:inline-block!important}
}
@media (max-width:767px){
.hidden-xs{display:none!important}
}
@media (max-width:480px){
.visible-xxs{display:block!important}
.hidden-xxs{display:none!important}
}
@media (min-width:768px) and (max-width:991px){
.hidden-sm{display:none!important}
}
@media (min-width:992px) and (max-width:1199px){
.hidden-md{display:none!important}
}
@media (min-width:1281px){
.hidden-lg{display:none!important}
}
.visible-print{display:none!important}
@media print{
.visible-print{display:block!important}
table.visible-print{display:table}
tr.visible-print{display:table-row!important}
th.visible-print,td.visible-print{display:table-cell!important}
}
.visible-print-block{display:none!important}
@media print{
.visible-print-block{display:block!important}
}
.visible-print-inline{display:none!important}
@media print{
.visible-print-inline{display:inline!important}
}
.visible-print-inline-block{display:none!important}
@media print{
.visible-print-inline-block{display:inline-block!important}
}
@media print{
.hidden-print{display:none!important}
}

@media (max-width:767px){
.table-responsive{width:100%;margin-bottom:15px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}
.table-responsive>.table{margin-bottom:0}
.table-responsive>.table>thead>tr>th,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>td{white-space:nowrap}
.table-responsive>.table-bordered{border:0}
.table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}
.table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}
.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}
}

/*bootstrap carousel*/
.carousel{position:relative}
.carousel-inner{position:relative;width:100%;overflow:hidden}
.carousel-inner>.item{position:relative;display:none;-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}
.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}
.carousel-inner>.active{left:0}
.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}
.carousel-inner>.next{left:100%}
.carousel-inner>.prev{left:-100%}
.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}
.carousel-inner>.active.left{left:-100%}
.carousel-inner>.active.right{left:100%}
.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;text-align:center;}
.carousel-control.right{ right:0; left:auto;}
.carousel-control:hover,.carousel-control:focus{text-decoration:none;}
.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{position:absolute;top:50%;z-index:5;display:inline-block}
.carousel-control .icon-prev,.carousel-control .icon-next{width:20px;height:20px;margin-top:-10px;font-family:serif}
.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}
.carousel-indicators li{display:inline-block;width:12px;height:12px;text-indent:-999px;cursor:pointer;background-color:#000 \9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}
.carousel-indicators .active{background-color:#fff}
.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}
.carousel-caption .btn{text-shadow:none}
@media (min-width:768px){
.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-prev,.carousel-control .icon-next{width:30px;height:30px;margin-top:-15px;font-size:30px}
.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-15px}
.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-15px}
.carousel-caption{right:20%;left:20%;padding-bottom:30px}
.carousel-indicators{bottom:20px}
}


/*bootstrap tab*/
.nav-tabs{ padding:0;}
.nav-tabs>li{float:left; list-style:none;}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{cursor:default;}
.nav-tabs.nav-justified{width:100%;}
.nav-tabs.nav-justified>li{float:none}
.nav-tabs.nav-justified>li>a{text-align:center}
.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}
@media (min-width:768px){
.nav-tabs.nav-justified>li{display:table-cell;width:1%}
.nav-tabs.nav-justified>li>a{margin-bottom:0}
}
.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}
.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border:1px solid #ddd}
@media (min-width:768px){
.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}
.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border-bottom-color:#fff}
}
.nav-pills>li{float:left}
.nav-pills>li>a{border-radius:4px}
.nav-pills>li+li{margin-left:2px}
.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{color:#fff;background-color:#428bca}
.nav-stacked>li{float:none}
.nav-stacked>li+li{margin-top:2px;margin-left:0}
.nav-justified{width:100%}
.nav-justified>li{float:none}
.nav-justified>li>a{margin-bottom:5px;text-align:center}
.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}
@media (min-width:768px){
.nav-justified>li{display:table-cell;width:1%}
.nav-justified>li>a{margin-bottom:0}
}
.nav-tabs-justified{border-bottom:0}
.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}
.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border:1px solid #ddd}
@media (min-width:768px){
.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}
.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border-bottom-color:#fff}
}
.tab-content>.tab-pane{display:none}
.tab-content>.active{display:block}
.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}

/*bootstrap dropdown*/
.btn-group{ position:relative;}
.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}
.dropdown{position:relative}
.dropdown-toggle{ outline:none;}
.dropdown-toggle:focus{outline:none}
.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;}
.dropdown-menu>li>a{display:block;clear:both;white-space:nowrap}
.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}
.open>.dropdown-menu{display:block}
.open>a{outline:0}
.dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px solid}
.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:1px}
.collapse{display:none}
.collapse.in{display:block}
.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;-o-transition:height .35s ease;transition:height .35s ease}

/*.input-group*/
.input-group {    position: relative;    display: table;    border-collapse: separate;}
.input-group .form-control, .input-group-addon, .input-group-btn {    display: table-cell;}
.input-group .form-control {    position: relative;    z-index: 2;    float: left;    width: 100%;    margin-bottom: 0;}
.input-group-btn {    position: relative;    font-size: 0;    white-space: nowrap;}
.input-group-addon, .input-group-btn {    width: 1%;    white-space: nowrap;    vertical-align: middle;}

/*bootstrap video*/
.embed-responsive{position: relative;    display: block;    height: 0;    padding: 0;    overflow: hidden;padding-bottom: 56.25%;}
.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {    position: absolute;    top: 0;    bottom: 0;    left: 0;    width: 100%;    height: 100%;    border: 0;}

/*bootstrap modal*/

button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}
.modal-open{overflow:hidden}
.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}
.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate3d(0,-25%,0);-o-transform:translate3d(0,-25%,0);transform:translate3d(0,-25%,0)}
.modal.in .modal-dialog{-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.modal-open .modal{overflow-x:hidden;overflow-y:auto}
.modal-dialog{position:relative;width:auto;margin:10px}
.modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:0;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}
.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#061a26}
.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}
.modal-backdrop.in{filter:alpha(opacity=80);opacity:.8}
.modal-header{min-height:16.43px;padding:15px;border-bottom:1px solid #e5e5e5}
.modal-header .close{margin-top:-2px}
.modal-title{margin:0;line-height:1.42857143}
.modal-body{position:relative;padding:15px}
.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}
.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}
.modal-footer .btn-group .btn+.btn{margin-left:-1px}
.modal-footer .btn-block+.btn-block{margin-left:0}
.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}
@media (min-width:768px){
.modal-dialog{width:600px;margin:30px auto}
.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}
.modal-sm{width:300px}
}

body,html{ font-size:10px; font-weight:300;font-family:  'MaxPro',Helvetica,Arial,"Microsoft JhengHei",sans-serif; color:#595757;}
input, button, textarea{font-family: 'MaxPro',Helvetica,Arial,"Microsoft JhengHei",sans-serif; font-weight:300;}
a{ color:#595757;}
a:hover, a:active, a:focus{ text-decoration:none !important; }
a:hover{color:#313131;}
a:focus{ color:inherit;}
button{ border:none; background:none; padding:0;}
h1,h2,h3,h4,h5,h6{ font-weight:bold;color:#313131;}
header *,header *:before, header *:after{-o-transition:all .20s linear;-webkit-transition: all .20s linear;-moz-transition: all .20s linear;transition: all .20s linear;}

.fancybox-lock .fancybox-overlay{ overflow:hidden}
.img-responsive{display:block;width:100% \9;max-width:100%;height:auto; margin-left:auto; margin-right:auto;}
.form-control::-moz-placeholder{color:#a7a7a7;}
.form-control:-ms-input-placeholder{color:#a7a7a7}
.form-control::-webkit-input-placeholder{color:#a7a7a7}
.overflow{ overflow:hidden;}

header{ position:fixed; left:0; top:0; width:100%;z-index:91;}
header>.container{ }
#logo{ float:right;}
#logo img{ display:block; height:4.5rem; margin-top:2.14rem;}

.main_menu{ margin-top:2.5rem;}
.nav_i{ float:left;position:inherit; margin-right:1px;}
.nav_i>a{ line-height:70px; font-size:1.5rem; padding:0 20px; display:block; height:70px; color:#313131;-o-transition: all 5s linear;-webkit-transition:  all 5s linear;-moz-transition:  all 5s linear;transition:  all 5s linear;}
.nav_i.dropdown>a{ background:rgba(255,255,255,0);}
.nav_i:hover>a{ color:#000;}
.nav_i.dropdown:hover>a,.nav_i.open>a{ background:#fff; color:#313131;}
.nav_btn>a{ padding:21px .66rem; color:#000; background:none !important;opacity:.81}
.nav_btn img{ vertical-align:middle; height:28px; display:block;}
.lang>a, .search>a, .member>a{  padding:20px 10px; background:none !important; color:#000; opacity:.81; line-height:30px;}
.nav_btn>a:hover,.lang>a:hover, .search>a:hover, .member>a:hover{ opacity:1;}
.lang img, .search img{height:30px; display:block; }
.lang img{ float: left; }
.lang span.code{ float: left; font-size: 18px;  font-weight: bold;  color: #2f2f30;  padding-left: 5px;  padding-right: 15px;  background: url(../images/icon/select_lang.svg) center right no-repeat; }
.member{ float:right; }
.member a{font-size:1.2rem; line-height: 1.66rem;}
.member img{ padding-left:1rem; height: 1.66rem; vertical-align:top;}
.member span{ padding-top:2px; display:inline-block; vertical-align:top;}

header .dropdown-menu{ float:none; width:100%; background:#fff; border-bottom:.58rem solid #061a26; margin-top:-1px; padding:5rem 0 4rem; top:100px; bottom:0; overflow-y:auto;position: fixed;    overflow-y: auto;    margin-bottom: 0;}
/*.nav_i:hover .dropdown-menu{ display:block;}*/
.dropdown-menu .gird_list{ margin:0 -.5rem;}
.dropdown-menu .gird_list li{ padding:0 .5rem 1.66rem;}
.dropdown-menu .gird_list li h4{ font-size:1.2rem; margin:0 0 1rem;}
.dropdown-menu .gird_list li img{ display:block; width:100%; border:1px solid #dfdfdf;}
.dropdown-menu .gird_list li figure{ background:url(../images/bg/category_bg.jpg) repeat-x; background-size:auto 100%;}

.sub_menu{ background:#fff;}
.sub_menu .container{ position:relative; padding-top:2.5rem; padding-bottom:2.5rem;}
.sub_menu .btn-close{ position:absolute; right:0;}
.menu_list .btn-close{ padding:1.4rem; cursor:pointer; float:left;}
.icon-close{ background:url(../images/icon/close.svg) no-repeat center; background-size:100%; width:1.66rem; height:1.66rem; display:block; text-indent:-99999px; overflow:hidden;}
#collapseLang ul{ margin:0;}
#collapseLang li{ line-height:30px; font-size:1.33rem; padding:0; margin-bottom:3rem;}
#collapseLang li img{ width:28px; margin:1px 1rem 1px 0;}
#collapseSearch .container{ padding-top:1.66rem; padding-bottom:1.66rem;}
.nav-search{ position:relative; }
.nav-search button{background:url(../images/icon/search.svg) no-repeat center; background-size:80%; width:50px; height:50px; display:block; text-indent:-99999px; overflow:hidden; top:0; right:0; position:absolute;}
.nav-search input{ border:none; border-bottom:2px solid #313131; font-size:1.8rem; padding:0 50px 0 1.5rem; height:auto; line-height:50px;}
.menu_list{ background:#fff; position:absolute; width:100%; top:0; left:0; box-shadow:inset 0 -.7rem 0 #061a26; }
.menu_list .container{ padding-top:3rem; padding-bottom:5rem;}
.menu_list .menu_grid{ margin:0 -1rem;}
.menu_list .menu_item{ padding:0 1rem;}
.menu_list h4{ font-size:1.5rem; font-weight:bold; border-bottom:1px solid #d8d8d8; padding:1rem 0; line-height:110%;}
.menu_list h4 a{ color:#313131;}
.menu_list li a{ font-size:1rem; display:block; line-height:110%; padding:.8rem 0;}
.sticyHeader header{ position:fixed; background:#fff;}
.sticyHeader #logo img{ height:3.33rem; margin-top:1rem;}
.sticyHeader .main_menu{ margin-top:0;}
.sticyHeader .dropdown-menu{  top:70px;}
/*.sticyHeader .lang,.sticyHeader .search,.sticyHeader .member{ opacity:0;}*/



#m_nav{ display:none;}

.sliderbtn{background:#061a26;display:block; width:5vw; height:5vw;}
.flexslider-full{ position:relative;}
.input_box{ background:#d8d8d8; border-radius:0;}
.input_box .form-control{font-size:1.4rem; color:#313131; padding:0 1.5rem; line-height:45px; height:auto; border:none;border-radius:0; background:none; min-height:45px; height:45px;}
.input_box .select2-container{outline:none; display:block; width:100% !important;}
.input_box .select2-container .select2-selection--single{ border:none; background:none; border-radius:0; height:auto; line-height:45px; height:45px;outline:none !important;}
.input_box .select2-container--default .select2-selection--single .select2-selection__rendered{ padding:0 3rem 0 1.5rem; height:auto; color:#313131; line-height:45px;}
.input_box .select2-container--default .select2-selection--single .select2-selection__arrow{ height:43px; width:3rem;}
.input_box textarea.form-control{height:auto}


.select2-container--default .select2-selection--single .select2-selection__arrow b{ margin:0; border:none; background:url(../images/icon/select_down.svg) center; background-size:100%; left:0; top:0; width:100%; height:100%;}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{ transform: rotate(180deg)}
.select2-dropdown{ background:#d8d8d8; border:none;}
.select2-container--default .select2-results__option[aria-selected=true]{ background:#d8d8d8; color:#313131;}
.select2-container--default .select2-results__option--highlighted[aria-selected]{ background:#061a26; color:#fff;}
.select2-results__option{ font-size:1.16rem; line-height:40px; padding:0 1rem;}
.select2-container--default .select2-search--dropdown .select2-search__field{ border:none; border-bottom:2px solid #a0a0a0; line-height:40px; padding:0 1rem; background:none;}

#footer_dark{ color:#fff; background:#061a26; font-size:1rem; padding:4rem 0 6rem;}
#footer_dark a{ color:#fff;}
.foot_mid{ padding:6rem 0;}
.foot_mid.cn{display: none;}
.foot_link{ text-align:right;}
.foot_social{text-align:center;}
.foot_social a{ font-size:4rem;  color:#061a26;}
.foot_social.contact h4 a{font-size: 40px;}
.foot_social a.disable{ opacity:.6; cursor:auto}
.foot_social .tencent{width:60px;padding: 8px 0;}

#top{ display:block; opacity:0; width:4rem; height:4rem; background:#dbdcdd url(../images/icon/arrow_up_dark.svg) no-repeat center; background-size:50%;cursor:pointer; position:fixed; bottom:0; left:50%; margin-left:-2rem; z-index:9;}
#top:hover{ background-color:#000; background-image:url(../images/icon/arrow_up.svg) }
.seo{ display:none;}

.img-responsive{ margin-left:auto; margin-right:auto;}
.flex-viewport{ border:none; margin:0;}
.flex-direction-nav a, .carousel-control{ width:4rem; height:4rem; background:rgba(6,26,38,.8) no-repeat center; background-size:2rem; opacity:1; outline:none!important;}
.flex-direction-nav .flex-prev, .carousel-control.left{ background-image:url(../images/icon/arrow_left.svg); }
.flex-direction-nav a.flex-next, .carousel-control.right{background-image:url(../images/icon/arrow_right.svg);}
.flex-direction-nav a:hover, .carousel-control:hover{ background-color:#061a26}
.fancybox-type-iframe .fancybox-skin{ background:none; box-shadow:none;}
.fancybox-type-iframe .fancybox-close{ top:-13px; right:-13px;}
.fancybox-close{ top:-35px; right:-35px;width: 35px;    height: 35px; background:none;}
.fancybox-close:before, .fancybox-close:after {    content: '';    position: absolute;    height: 2px;   width: 100%;    top: 50%;    left: 0;    margin-top: -1px;    background: #fff;    border-radius: 5px;    margin-top: -6px;}
.fancybox-close:before{    transform: rotate(45deg);}
.fancybox-close:after{transform: rotate(-45deg);}
.js-video-button{ cursor:pointer}
.fancybox-button--share, .fancybox-button--thumbs, .fancybox-button--play{ display:none !important;}

/*
color
#061a26
#595757
#313131
#779cb0
#92b4af
#d9b86e
#da8f57

font-size
30
18
16
14

line-height:150%
*/





article{ font-size:1.2rem;}

@media (min-width: 992px){
#m_nav{ display:none;}
#collapseLang li,.menu_list .menu_item{ width:25%;}
.dropdown-menu .gird_list li:nth-child(3n+4){ clear:both;}
.sticyHeader .search.nav_i,.sticyHeader .lang.nav_i{ display:none;}
.dropdown.nav_i:hover .dropdown-menu{ display:block;}
}
@media (min-width: 1281px){
.container { width:1250px;}
}
@media (min-width: 1441px){
#collapseLang ul{ width:80%; margin:0 auto;}
#collapseSearch .nav-search{ width:60%; margin:0 auto;}
}
@media (min-width: 1681px){
body,html{ font-size:15px;}
}
@media (max-width: 1440px) {
.sub_menu .container{ padding-right:50px; padding-left:50px;}
}

@media (min-width: 1441px) and (max-width: 1680px) {
body,html{ font-size:14px;}
}
@media (min-width: 1281px) and (max-width: 1440px) {
body,html{ font-size:13px;}
.container{ width:1170px;}
}

@media (min-width: 992px) and (max-width: 1280px) {
body,html{ font-size:12px;}
.nav_i>a{ padding-left:10px; padding-right:10px; }
}

@media (max-width: 991px){
body,html{ overflow-x:hidden}
header{position:absolute }
header .container{ padding-left:20px; padding-right:20px;}
#logo{ float:left;}
#logo img{ margin-top:24px;}
.main_menu{ margin-top:20px;}
.nav_i{ float:right;margin-right:5px;}
#m_nav{  position:fixed; width:100vw; height:100vh; background:rgba(0,0,0,.6); top:0; right:0; z-index:999; overflow:hidden}
.m_nav_content{ background:#fff; height:100%; width:30%; min-width:320px; box-shadow:0 0 24px rgba(0,0,0,.45); position:absolute; right:0; overflow-y:auto; padding:90px 20px 020px;}
#m_nav_btn{ padding:15px 10px 14px;}
#m_nav_btn img{ height:21px;}
.lang>a, .search>a, .member>a{ padding:10px; line-height:30px;}
.lang img, .search img,.member img{ height:30px;}
.nav_i>a{ height:auto;}
.icon-close{ width:30px; height:30px;}
.close_btn{ position:absolute; right:20px; top:20px; padding:10px 0;}
.close_btn img{ display:block; width:30px;}
.member img{ margin:0;}
.m_nav_i a{ display:block; padding:15px 10px 15px 0; line-height:15px; font-size:1rem; border-bottom:1px solid #d8d8d8; position:relative; font-weight:bold;}
.m_nav_i a.sub_menu_d:before{ content:''; display:block; position:absolute; right:0; top:50%; margin-top:-4px;    border-left: 8px solid #000;    border-top: 4px solid transparent;    border-bottom: 4px solid transparent;}
.sub_menu{position: fixed;    width: 100vw;    height: 100vh !important;    background: rgba(0,0,0,.6); top:0; left:0; padding-top:5vw;}
.sub_menu.collapsing{ height:100vh;}
.sub_menu .container,#collapseSearch .container{ background:#fff;box-shadow:0 0 24px rgba(0,0,0,.45); padding:70px 20px 20px; max-width:720px;}
.sub_menu .btn-close{ top:20px; right:20px;}
.m_nav_content .collapse{ opacity:0;-o-transition:all .30s linear;-webkit-transition: all .30s linear;-moz-transition: all .30s linear;transition: all .30s linear;}
.m_nav_content .collapse.in{ opacity:1;}
.m_nav_content .collapsing{ height: auto !important;}
.m_sub_menu{ position:absolute; top:70px;; bottom:0; left:0; right:0; padding:0 20px 20px; background:#fff;}
.m_sub_menu button{ float:right; text-decoration:underline; line-height:20px;}
.m_sub_menu h4{line-height:15px; font-size:1rem; border-bottom:1px solid #d8d8d8; font-weight:bold; color:#313131; padding:15px 0; margin:0 0 5px;}
.m_sub_menu li a{ display:block; line-height:16px; font-size:.9rem; padding:10px 0;}

#collapseLang li{ margin-bottom:20px; }
.nav-search input{ font-size:1.2rem; padding-left:10px;}

.sliderbtn{ width:45px; height:45px;}
.member{ position:absolute; left:20px; top:20px;}
.member img{ padding:0 1rem 0 0;}
}

@media (min-width: 768px) and (max-width: 991px) {
body,html{ font-size:10px;}
#logo img{ margin:12px 0;}
}

@media (max-width: 767px){
body,html{ font-size:12px;}
#logo img{ width:120px; height:auto;}
.nav_i{ margin-right:1px;}
#m_nav_btn{ padding-right:0; }
.copyright { text-align:center;}
.foot_link{ display:none;}
.sub_menu .container,#collapseSearch .container{ margin:0 20px;}
.sub_menu{ padding-top:20px;}
#footer_dark{ padding:2rem 0  5rem;}
#top{ width:40px; height:40px; margin-left:-20px;}
}
@media (min-width: 481px) and (max-width: 767px) {
.fancybox-type-iframe .fancybox-inner{  height:280px !important;}
}

@media (max-width: 480px){
.fancybox-type-iframe .fancybox-inner{ height:200px !important;}

}

.news_highlight .photo a img,#prod_list li img,#prod_list li a:before,.solution_detail .pc_list a img,.select2-container--default .select2-selection--single .select2-selection__arrow b,.news_highlight .photo a:before,#top,.c_link a .icon,#contact .group label{-o-transition:all .20s linear;-webkit-transition: all .20s linear;-moz-transition: all .30s linear;transition: all .20s linear;}

.image-container .brand-item{ min-height: 145px; }
.image-container .white{ background: #FFF; }
.image-container .black{ background: #000; }
.image-container .grey{ background: #ececec; }
.image-container .display_show{ display: block !important; }
.image-container .display_hide{ display: none !important; }
.image-container .border_add{ border-left: 15px solid #d1d1d1; }
.over_pic{ width: 50%;padding: 20px;float: right; }
.over_info{ color: #FFF; position: absolute; width: 80%; bottom: 0px; padding-left: 15%; }
.brand_pic{ max-width: 80%; padding: 30px; }
.brand-item{ padding: 0px; }
.brand-item a{ width:100%; }
.ourbrand-title{ padding: 20px 0px 0px 0px; }
.ourbrand-title h3{ font-size: 2.1rem; font-weight: bold; margin-bottom: 0px; }
.ourbrand-line{ background: url('../webtest/images/line_bg.gif'); background-repeat: repeat-y; background-position: center; height: 10px; margin: 10px 0px; }
.ourbrand-container{ margin-top: 30px; margin-bottom: 80px; }
a.brand-link{ width: 100%; display: block; float: left; }