/*reset*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{display:block;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}

*, *::after, *::before { box-sizing: border-box;}
html{font-size:62.5%;}
body{font-size:1.2rem;font-family:sans-serif;color:#2e3233;background-color:#fff;}
input,select,textarea{font-family:"΢ÈíÑźÚ"; font-size: 1.2rem;}
input[type="search"]::-ms-clear{ display:none;}
em, strong { font-style: normal; }
img { max-width: 100%; vertical-align: middle; }
a{ color:#333;text-decoration:none;}
.fix{*zoom:1;}.fix:after{display:table; content:''; clear:both;}

.box{ width: 1200px; margin:0 auto; }
.cd-main-content,.cd-main-header{ position:relative;transition:transform 0.3s; transform:translateZ(0);will-change:transform; }
.cd-main-header{ height:4em;}
.cd-main-content{ background:#fff;}
.cd-header-buttons{position:absolute;display:inline-block;top:0;right:3%;}
.cd-header-buttons li{display:inline-block;}
.cd-nav-trigger{position:relative;display:block;width:4em;height:4em;overflow:hidden;white-space:nowrap;/* hide text */color:transparent;z-index:3;}
.cd-nav-trigger span,.cd-nav-trigger span::before,.cd-nav-trigger span::after{position:absolute;display:inline-block;height:3px;width:2.2em;background:#fff;}
.cd-nav-trigger span{position:absolute;top:50%;right:10px;margin-top:-2px;transition:background 0.3s 0.3s;}
.cd-nav-trigger span::before,.cd-nav-trigger span::after{content:'';right:0;transform:translateZ(0);backface-visibility:hidden;transform-origin:0% 50%;transition:transform 0.3s 0.3s;}
.cd-nav-trigger span::before{top:-.7em;}
.cd-nav-trigger span::after{top:.7em;}
.cd-nav-trigger.nav-is-visible span{; background:rgba(46,50,51,0);}
.cd-nav-trigger.nav-is-visible span::before{transform:translateX(.46em) translateY(0) rotate(45deg);}
.cd-nav-trigger.nav-is-visible span::after{ top: .81em; transform:translateX(.46em) translateY(0) rotate(-45deg);}

.pc-hide{ display: none !important; }
.cd-main-header{ height:180px; background:#0365d0; z-index: 1}
.cd-main-header:after{ content: ""; position: absolute; bottom: 0; width: 100%; height: 50px; background: #fff; z-index: -1; }
.cd-logo,.cd-contact,.cd-contact,.cd-contact .ctc-code,.cd-contact .ctc-tel{ display: inline-block; vertical-align: middle; }
.cd-logo{ padding-top: 2.5em;}
.cd-logo .tit{ position: absolute; color:#0365d0; opacity: 0;}
.cd-logo img{ max-height: 130px; vertical-align: middle; }
.cd-logo img:nth-of-type(1){ margin-right: 1.5em; }
.cd-ft-txt{ float: right; padding-top: 3em; color: #fff; text-align: right;}
.cd-ft-txt .t1{ display: inline-block; padding: 0 .8em; font-size: 1.5em; line-height: 1.8em;  background: #fecb01; font-weight: bold; }
.cd-ft-txt .t2{ font-size: 1.3em; margin-top: .5em; }
.cd-header-buttons{top:18px;right:4em;}		
.cd-nav-trigger{display:none;}
.cd-primary-nav{ position: absolute; width: 1200px; height: 50px; bottom: 0; overflow:visible;}
.cd-primary-nav > li{ position: relative; height: 100%; float:left;margin-left:5em;}
.cd-primary-nav > li:first-child{ margin-left: 1em; }
.cd-primary-nav > li > a{ position:relative;display:inline-block; padding:17px 0; font-size: 1.3em;color:#333;overflow:visible;border-bottom:none;transition:color 0.3s,box-shadow 0.3s;}
.cd-primary-nav > li > a:hover,.cd-primary-nav > li > a.selected{ color:#fcac24; border-bottom: 1px solid;}
.cd-primary-nav .cd-nav-icons { position: absolute; width: 136px; left: 50%; top: 40px; margin-left: -68px;  padding:.5em 0;  background:#fff; text-align: center; box-shadow:0 0 2em .5em rgba(255,255,255,.5); -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; }
.cd-primary-nav .cd-nav-icons a{ display: block; height: 32px; line-height: 32px; font-size: 1.15em; text-overflow: ellipsis; white-space: nowrap;overflow: hidden; }
.cd-primary-nav .cd-nav-icons a.selected,.cd-primary-nav .cd-nav-icons a:hover{  color:#fcac24; }
.cd-primary-nav .cd-nav-icons.is-hidden { opacity: 0; visibility: hidden; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; }
.cd-primary-nav .go-back,.cd-primary-nav .cd-two-col .go-back{ display: none;}
.cd-primary-nav .go-back a { padding-left: 20px; }
.cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after { left: 20px; -webkit-transform-origin: 1px 50%; -moz-transform-origin: 1px 50%; -ms-transform-origin: 1px 50%; -o-transform-origin: 1px 50%; transform-origin: 1px 50%; }