/*--------------------------------------------------------------*/
/*  HG189 Style
/*--------------------------------------------------------------*/
@font-face {
  font-family: 'cwTeXHei';
  font-style: normal;
  font-weight: 500;
  src: url(http://fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.eot);
  src: url(http://fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.eot?#iefix) format('embedded-opentype'),
/*	   url(http://fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.woff2) format('woff2'),*/
/*	   url(http://fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.woff) format('woff'),*/
/*	   url(http://fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.ttf) format('truetype');*/
}
body {
  overflow-x: hidden;
  font-family: 'cwTeXHei','Microsoft JhengHei','Roboto Slab', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin:0;
  color:#4c4c4c;
}

p {letter-spacing: 2px;line-height: 30px;}
a {outline: none; }
a:hover, a:focus, a:active, a.active {outline: none; }
h1, h2, h3, h4, h5, h6 {font-family: "cwTeXHei", Arial, sans-serif; letter-spacing: 2px; }
html{background-color: #282828}
*{box-sizing: border-box;}

/*--------------------------------------------------------------*/
/*  KUHN base Style
/*--------------------------------------------------------------*/

/* index-box */
.index-box{margin: auto;position: relative;max-width: 1680px;width: 100%;text-align: center;border-top: 2px solid #000;}
.index-header{}
.index-header-title{margin:0;font-size: 2em;font-weight: 200;color: #fff;font-weight: bolder}
.index-header-text{margin:0;font-size: 1.5em;color: #fff;font-weight: bolder}
.index-header-icon{font-size: 1.2em;}
.index-detail{margin: 15px 0;}

/* content-box */
.content-box{margin: 10px;display: inline-block;box-sizing: border-box;}
.content-container{display: inline-block;}
.content-box-title{margin: 5px 0;font-size: 1.74em;color: #fff}
.content-box-text{margin: 0;font-size: 1.2em;color: #fff;}
.content-box-link{display: inline-block;font-size: 1.2em;font-weight: bold;color: #fdc400;}
.content-box-img{display: inline-block;}
.content-box-icon{display: inline-block;}

/* width */
.box-100{width: 100%}
.box-90{width: 90%}
.box-85{width: 85%}
.box-80{width: 80%}
.box-75{width: 75%}
.box-70{width: 70%}
.box-65{width: 65%}
.box-60{width: 60%}
.box-55{width: 55%}
.box-50{width: 50%}
.box-45{width: 45%}
.box-40{width: 40%}
.box-35{width: 35%}
.box-30{width: 30%}
.box-25{width: 25%}
.box-20{width: 20%}
.box-15{width: 15%}
.box-10{width: 10%}
.box-5{width: 5%}

/* box space ( range 100 ) */
.margin-auto-100{margin: auto 100px}
.margin-auto-95{margin: auto 95px}
.margin-auto-90{margin: auto 90px}
.margin-auto-85{margin: auto 85px}
.margin-auto-80{margin: auto 80px}
.margin-auto-75{margin: auto 75px}
.margin-auto-70{margin: auto 70px}
.margin-auto-65{margin: auto 65px}
.margin-auto-60{margin: auto 60px}
.margin-auto-55{margin: auto 55px}
.margin-auto-50{margin: auto 50px}
.margin-auto-45{margin: auto 45px}
.margin-auto-40{margin: auto 40px}
.margin-auto-35{margin: auto 35px}
.margin-auto-30{margin: auto 30px}
.margin-auto-25{margin: auto 25px}
.margin-auto-20{margin: auto 20px}
.margin-auto-15{margin: auto 15px}
.margin-auto-10{margin: auto 10px}
.margin-auto-5{margin: auto 5px}

.margin-100-auto{margin: 100px auto}
.margin-95-auto{margin: 95px auto}
.margin-90-auto{margin: 90px auto}
.margin-85-auto{margin: 85px auto}
.margin-80-auto{margin: 80px auto}
.margin-75-auto{margin: 75px auto}
.margin-70-auto{margin: 70px auto}
.margin-65-auto{margin: 65px auto}
.margin-60-auto{margin: 60px auto}
.margin-55-auto{margin: 55px auto}
.margin-50-auto{margin: 50px auto}
.margin-45-auto{margin: 45px auto}
.margin-40-auto{margin: 40px auto}
.margin-35-auto{margin: 35px auto}
.margin-30-auto{margin: 30px auto}
.margin-25-auto{margin: 25px auto}
.margin-20-auto{margin: 20px auto}
.margin-15-auto{margin: 15px auto}
.margin-10-auto{margin: 10px auto}
.margin-5-auto{margin: 5px auto}

.margin-top-100{margin: 100px 0 0 0}
.margin-top-95{margin: 95px 0 0 0}
.margin-top-90{margin: 90px 0 0 0}
.margin-top-85{margin: 85px 0 0 0}
.margin-top-80{margin: 80px 0 0 0}
.margin-top-75{margin: 75px 0 0 0}
.margin-top-70{margin: 70px 0 0 0}
.margin-top-65{margin: 65px 0 0 0}
.margin-top-60{margin: 60px 0 0 0}
.margin-top-55{margin: 55px 0 0 0}
.margin-top-50{margin: 50px 0 0 0}
.margin-top-45{margin: 45px 0 0 0}
.margin-top-40{margin: 40px 0 0 0}
.margin-top-35{margin: 35px 0 0 0}
.margin-top-30{margin: 30px 0 0 0}
.margin-top-25{margin: 25px 0 0 0}
.margin-top-20{margin: 20px 0 0 0}
.margin-top-15{margin: 15px 0 0 0}
.margin-top-10{margin: 10px 0 0 0}
.margin-top-5{margin: 5px 0 0 0}

.margin-right-100{margin: 0 100px 0 0}
.margin-right-95{margin: 0 95px 0 0}
.margin-right-90{margin: 0 90px 0 0}
.margin-right-85{margin: 0 85px 0 0}
.margin-right-80{margin: 0 80px 0 0}
.margin-right-75{margin: 0 75px 0 0}
.margin-right-70{margin: 0 70px 0 0}
.margin-right-65{margin: 0 65px 0 0}
.margin-right-60{margin: 0 60px 0 0}
.margin-right-55{margin: 0 55px 0 0}
.margin-right-50{margin: 0 50px 0 0}
.margin-right-45{margin: 0 45px 0 0}
.margin-right-40{margin: 0 40px 0 0}
.margin-right-35{margin: 0 35px 0 0}
.margin-right-30{margin: 0 30px 0 0}
.margin-right-25{margin: 0 25px 0 0}
.margin-right-20{margin: 0 20px 0 0}
.margin-right-15{margin: 0 15px 0 0}
.margin-right-10{margin: 0 10px 0 0}
.margin-right-5{margin: 0 5px 0 0}

.margin-bottom-100{margin: 0 0 100px 0}
.margin-bottom-95{margin: 0 0 95px 0}
.margin-bottom-90{margin: 0 0 90px 0}
.margin-bottom-85{margin: 0 0 85px 0}
.margin-bottom-80{margin: 0 0 80px 0}
.margin-bottom-75{margin: 0 0 75px 0}
.margin-bottom-70{margin: 0 0 70px 0}
.margin-bottom-65{margin: 0 0 65px 0}
.margin-bottom-60{margin: 0 0 60px 0}
.margin-bottom-55{margin: 0 0 55px 0}
.margin-bottom-50{margin: 0 0 50px 0}
.margin-bottom-45{margin: 0 0 45px 0}
.margin-bottom-40{margin: 0 0 40px 0}
.margin-bottom-35{margin: 0 0 35px 0}
.margin-bottom-30{margin: 0 0 30px 0}
.margin-bottom-25{margin: 0 0 25px 0}
.margin-bottom-20{margin: 0 0 20px 0}
.margin-bottom-15{margin: 0 0 15px 0}
.margin-bottom-10{margin: 0 0 10px 0}
.margin-bottom-5{margin: 0 0 5px 0}

.margin-left-100{margin: 0 0 0 100px}
.margin-left-95{margin: 0 0 0 95px}
.margin-left-90{margin: 0 0 0 90px}
.margin-left-85{margin: 0 0 0 85px}
.margin-left-80{margin: 0 0 0 80px}
.margin-left-75{margin: 0 0 0 75px}
.margin-left-70{margin: 0 0 0 70px}
.margin-left-65{margin: 0 0 0 65px}
.margin-left-60{margin: 0 0 0 60px}
.margin-left-55{margin: 0 0 0 55px}
.margin-left-50{margin: 0 0 0 50px}
.margin-left-45{margin: 0 0 0 45px}
.margin-left-40{margin: 0 0 0 40px}
.margin-left-35{margin: 0 0 0 35px}
.margin-left-30{margin: 0 0 0 30px}
.margin-left-25{margin: 0 0 0 25px}
.margin-left-20{margin: 0 0 0 20px}
.margin-left-15{margin: 0 0 0 15px}
.margin-left-10{margin: 0 0 0 10px}
.margin-left-5{margin: 0 0 0 5px}

.margin-100{margin:100px}
.margin-95{margin:95px}
.margin-90{margin:90px}
.margin-85{margin:85px}
.margin-80{margin:80px}
.margin-75{margin:75px}
.margin-70{margin:70px}
.margin-65{margin:65px}
.margin-60{margin:60px}
.margin-55{margin:55px}
.margin-50{margin:50px}
.margin-45{margin:45px}
.margin-40{margin:40px}
.margin-35{margin:35px}
.margin-30{margin:30px}
.margin-25{margin:25px}
.margin-20{margin:20px}
.margin-15{margin:15px}
.margin-10{margin:10px}
.margin-5{margin:5px}
.margin-0{margin:0px;}
.margin-custom{}

/* container */
.container-auto-100{padding: auto 100px}
.container-auto-95{padding: auto 95px}
.container-auto-90{padding: auto 90px}
.container-auto-85{padding: auto 85px}
.container-auto-80{padding: auto 80px}
.container-auto-75{padding: auto 75px}
.container-auto-70{padding: auto 70px}
.container-auto-65{padding: auto 65px}
.container-auto-60{padding: auto 60px}
.container-auto-55{padding: auto 55px}
.container-auto-50{padding: auto 50px}
.container-auto-45{padding: auto 45px}
.container-auto-40{padding: auto 40px}
.container-auto-35{padding: auto 35px}
.container-auto-30{padding: auto 30px}
.container-auto-25{padding: auto 25px}
.container-auto-20{padding: auto 20px}
.container-auto-15{padding: auto 15px}
.container-auto-10{padding: auto 10px}
.container-auto-5{padding: auto 5px}

.container-100-auto{padding: 100px auto}
.container-95-auto{padding: 95px auto}
.container-90-auto{padding: 90px auto}
.container-85-auto{padding: 85px auto}
.container-80-auto{padding: 80px auto}
.container-75-auto{padding: 75px auto}
.container-70-auto{padding: 70px auto}
.container-65-auto{padding: 65px auto}
.container-60-auto{padding: 60px auto}
.container-55-auto{padding: 55px auto}
.container-50-auto{padding: 50px auto}
.container-45-auto{padding: 45px auto}
.container-40-auto{padding: 40px auto}
.container-35-auto{padding: 35px auto}
.container-30-auto{padding: 30px auto}
.container-25-auto{padding: 25px auto}
.container-20-auto{padding: 20px auto}
.container-15-auto{padding: 15px auto}
.container-10-auto{padding: 10px auto}
.container-5-auto{padding: 5px auto}

.container-top-100{padding: 100px 0 0 0}
.container-top-95{padding: 95px 0 0 0}
.container-top-90{padding: 90px 0 0 0}
.container-top-85{padding: 85px 0 0 0}
.container-top-80{padding: 80px 0 0 0}
.container-top-75{padding: 75px 0 0 0}
.container-top-70{padding: 70px 0 0 0}
.container-top-65{padding: 65px 0 0 0}
.container-top-60{padding: 60px 0 0 0}
.container-top-55{padding: 55px 0 0 0}
.container-top-50{padding: 50px 0 0 0}
.container-top-45{padding: 45px 0 0 0}
.container-top-40{padding: 40px 0 0 0}
.container-top-35{padding: 35px 0 0 0}
.container-top-30{padding: 30px 0 0 0}
.container-top-25{padding: 25px 0 0 0}
.container-top-20{padding: 20px 0 0 0}
.container-top-15{padding: 15px 0 0 0}
.container-top-10{padding: 10px 0 0 0}
.container-top-5{padding: 5px 0 0 0}

.container-right-100{padding: 0 100px 0 0}
.container-right-95{padding: 0 95px 0 0}
.container-right-90{padding: 0 90px 0 0}
.container-right-85{padding: 0 85px 0 0}
.container-right-80{padding: 0 80px 0 0}
.container-right-75{padding: 0 75px 0 0}
.container-right-70{padding: 0 70px 0 0}
.container-right-65{padding: 0 65px 0 0}
.container-right-60{padding: 0 60px 0 0}
.container-right-55{padding: 0 55px 0 0}
.container-right-50{padding: 0 50px 0 0}
.container-right-45{padding: 0 45px 0 0}
.container-right-40{padding: 0 40px 0 0}
.container-right-35{padding: 0 35px 0 0}
.container-right-30{padding: 0 30px 0 0}
.container-right-25{padding: 0 25px 0 0}
.container-right-20{padding: 0 20px 0 0}
.container-right-15{padding: 0 15px 0 0}
.container-right-10{padding: 0 10px 0 0}
.container-right-5{padding: 0 5px 0 0}

.container-bottom-100{padding: 0 0 100px 0}
.container-bottom-95{padding: 0 0 95px 0}
.container-bottom-90{padding: 0 0 90px 0}
.container-bottom-85{padding: 0 0 85px 0}
.container-bottom-80{padding: 0 0 80px 0}
.container-bottom-75{padding: 0 0 75px 0}
.container-bottom-70{padding: 0 0 70px 0}
.container-bottom-65{padding: 0 0 65px 0}
.container-bottom-60{padding: 0 0 60px 0}
.container-bottom-55{padding: 0 0 55px 0}
.container-bottom-50{padding: 0 0 50px 0}
.container-bottom-45{padding: 0 0 45px 0}
.container-bottom-40{padding: 0 0 40px 0}
.container-bottom-35{padding: 0 0 35px 0}
.container-bottom-30{padding: 0 0 30px 0}
.container-bottom-25{padding: 0 0 25px 0}
.container-bottom-20{padding: 0 0 20px 0}
.container-bottom-15{padding: 0 0 15px 0}
.container-bottom-10{padding: 0 0 10px 0}
.container-bottom-5{padding: 0 0 5px 0}

.container-left-100{padding: 0 0 0 100px}
.container-left-95{padding: 0 0 0 95px}
.container-left-90{padding: 0 0 0 90px}
.container-left-85{padding: 0 0 0 85px}
.container-left-80{padding: 0 0 0 80px}
.container-left-75{padding: 0 0 0 75px}
.container-left-70{padding: 0 0 0 70px}
.container-left-65{padding: 0 0 0 65px}
.container-left-60{padding: 0 0 0 60px}
.container-left-55{padding: 0 0 0 55px}
.container-left-50{padding: 0 0 0 50px}
.container-left-45{padding: 0 0 0 45px}
.container-left-40{padding: 0 0 0 40px}
.container-left-35{padding: 0 0 0 35px}
.container-left-30{padding: 0 0 0 30px}
.container-left-25{padding: 0 0 0 25px}
.container-left-20{padding: 0 0 0 20px}
.container-left-15{padding: 0 0 0 15px}
.container-left-10{padding: 0 0 0 10px}
.container-left-5{padding: 0 0 0 5px}

.container-100{padding:100px}
.container-95{padding:95px}
.container-90{padding:90px}
.container-85{padding:85px}
.container-80{padding:80px}
.container-75{padding:75px}
.container-70{padding:70px}
.container-65{padding:65px}
.container-60{padding:60px}
.container-55{padding:55px}
.container-50{padding:50px}
.container-45{padding:45px}
.container-40{padding:40px}
.container-35{padding:35px}
.container-30{padding:30px}
.container-25{padding:25px}
.container-20{padding:20px}
.container-15{padding:15px}
.container-10{padding:10px}
.container-5{padding:5px}
.container-0{padding:0px;}

/* container */
.container-250{padding: 250px;}
.container-200{padding: 200px;}
.container-150{padding: 150px;}
.container-custom{}

/* align */
.align-left{text-align: left;}
.align-center{text-align: center;}
.align-right{text-align: right;}
.align-top{vertical-align: top;}
.align-middle{vertical-align: middle;}
.align-bottom{vertical-align: bottom;}

/* font size */
.font-s3{font-size: 3em}
.font-s24{font-size: 2.4em}
.font-s2{font-size: 2em}
.font-s16{font-size: 1.6em}
.font-s15{font-size: 1.5em}
.font-s143{font-size: 1.43em}
.font-s14{font-size: 1.4em}
.font-s134{font-size: 1.34em}
.font-s13{font-size: 1.3em}
.font-s12{font-size: 1.2em}
.font-s11{font-size: 1.1em}
.font-s09{font-size: 0.9em}
.font-s08{font-size: 0.8em}
.font-s07{font-size: 0.7em}
.font-s06{font-size: 0.6em}

/* span color */
.color-yellow{color:#fdc400}
.color-orange{color:#ee761b}
.color-blue{color:#1793b2}
.color-red{color:#d82d2a}
.color-red2{color:#fc7676}
.color-dark-red{color:#c90000}
.color-green{color:#8cb025}
.color-gray{color:#4a4947}
.color-white{color:#fff;}
.color-black{color:#000;}

/* text shadow */
.shadow-black{text-shadow: 0 0 10px rgb(0, 0, 0);}
.shadow-white{text-shadow: 0 0 10px rgb(255, 255, 255);}

/* box-shadow */
.shadow-black-box{box-shadow: inset 0 0 50px 300px rgba(0,0,0,.5);}

/*float align*/
.float-left{float:left;}
.float-right{float:right;}
.float-center{margin:255 auto;}
.t-left{text-align:left !important}
.t-right{text-align:right !important}
.t-center{text-align:center !important}
.valign-box{display:inline-block;vertical-align:middle;width:0;height:100%;visibility:hidden;}

/* base RWD */
@media (max-width: 1024px) {
	.container{padding: 100px 50px}
	.index-header-title{font-size: 1.74em}
}
@media (max-width: 800px) {

}
@media (max-width: 600px) {
	.container{padding: 50px}
}
@media (max-width: 480px) {
	.index-header-title{font-size: 1.2em !important}
	.index-header-text{font-size: 0.8em !important}
	.content-box{margin: 10px 0;width: 100%}
	.content-box-title{font-size: 1.2em !important}
	.content-box-icon{width: auto;}
	.content-box-link{font-size: 0.8em !important}
	.content-box-text{font-size: 0.8em !important}
}

/*--------------------------------------------------------------*/
/*  KUHN base Style END
/*--------------------------------------------------------------*/

/*--------------------------------------------------------------*/
/*  Header
/*--------------------------------------------------------------*/
.header {position:relative;left:0;right:0;margin:114px auto 0 auto; width:100%; max-width: 1680px;}
.header-container{padding: 70px;text-align: center;}
.header-title{margin: 0;color: #fff}
.header-text{color:#fff;font-size: 1.5em;font-weight: bolder;}

@media (max-width: 800px) {
	.header {margin-top: 70px;background-color: #204673}
	.header-text{font-size: 1em;}
}
@media (max-width: 480px) {
	.header{margin-top: 40px;}
}
@media (max-width: 320px) {
  .header-text{ text-align: center;}
}