@import url(http://fonts.googleapis.com/earlyaccess/cwtexhei.css);

body {font: 1em/1.4em Arial,Helvetica Neue,Helvetica,sans-serif;color:#333333; overflow-x: hidden; overflow-y:scroll; background-color:#fff;/*background:url("../images/bg.jpg") top center no-repeat*/;} 
html {-webkit-font-smoothing: antialiased;}
a {color:#333; text-decoration: none;}
a:hover{text-decoration: none;}
input::-webkit-input-placeholder { padding-top: 8px;}

p { font-size:0.8em; line-height: 1.8em;}
h2 { font-size:1.2em;font-weight:bold;}
h3 { font-size:0.9em;font-weight:bold;}
h4 { font-size:0.8em;font-weight:bold;}
h5 { font-size:0.9em; line-height: 2em;}

.colour_333 { color:#333}
.weight600{ font-weight:600}

/*外層包圍*/
.pagewrap { width: 100%; margin:0 auto; }

/*header*/
.header_menu { position: fixed; width:100%; height: 50px; background-color: #e0e0e0;opacity: 0.8; z-index: 10000}
.header_menuin { width: 100%; text-align: center; margin: 13px auto 0 auto; font: 1.3em/1.1em 'cwTeXHei', sans-serif;}
.header_menuin a { margin: 0 15px}
.header_menuin ul li {display:inline;}
.mainnav {}

/*logo*/
.logo_bg {position:relative; float: left; width:100%; background-color: #f7f7f7;padding:0 0 50px 0;z-index: 5000 }
.logo_bgin {position:relative; width:1000px; margin:0 auto; }

.logo_bgin img { width:60%; margin: 20px 0 0 20%}
.logo_bgin h1 { text-align: center;font: 2.5em/1.1em 'cwTeXHei', sans-serif; color: #333333; width:60%;margin: 200px 0 20px 20%;letter-spacing:3px}

.logo_bgin02 {position:relative; width:1000px; margin: 40px auto 0 auto;  }

/*contect*/
.contect_bg {position:relative; float: left; width:100%; background-color: #fff;z-index: 5000 }
.contect_bgin {position:relative; width:1000px; margin:0 auto; text-align: center;}

.contect_add_title { float:left; width: 100%; margin: 100px 0 0 0; font: 1.3em/1.1em 'cwTeXHei', sans-serif; color: #6a6a6a}
.contect_add_contect01 {float:left; width: 100%; margin: 35px 0 15px 0} 
.contect_add_contect02 {float:left; width: 100%;margin: 0 0 50px 0}
.contect_add_map {float:left; width: 100%;}

.contect_con_00 { float: left; width: 100%; margin:  0 0 100px 0 }

.contect_con_01 { float: left; width: 25%; margin: 0 0 0 10% }
.contect_con_01_icon { float:left; width: 20%; margin: 0 40% 20px 40%}
.contect_con_01_contect01 {float:left; width: 100%; text-align: center; color: #6a6a6a}
.contect_con_01_contect02 {float:left; width: 100%; text-align: center;color: #6a6a6a}
.contect_con_01_contect03 {float:left; width: 100%; text-align: center; margin: 20px 0 0 0; font-size: 1.2em}

.contect_con_02 { float: left; width: 25%; margin: 0 2.5% 0 2.5%}
.contect_con_02_icon { float:left; width: 100%; }
.contect_con_02_icon01 { float:left; width: 20%; margin: 0 0 20px 27.5%}
.contect_con_02_icon02 { float:left; width: 20%; margin: 0 0 20px 5%; }

.contect_con_03 { float: left; width: 25%;margin: 0 0 0 0}

.contect_oh_title { float:left; width: 100%; margin: 80px 0 0 0; font: 1.3em/1.1em 'cwTeXHei', sans-serif; color: #6a6a6a}
.contect_oh_contect01 {float:left; width: 100%; margin: 35px 0 15px 0} 
.contect_oh_contect02 {float:left; width: 100%;margin: 0 0 60px 0}

.contect_con_04_1920 { display:block; float: left; width: 100%;margin: 40px 0 0 0}
.contect_con_04_480 { display:none;}


/*ST*/
.st_bg {position:relative; float: left; width:100%; padding: 0 0 300px 0;  background-color: #f7f7f7;z-index: 5000 }
.st_bgin {position:relative; width:1000px; margin:0 auto 0 auto; text-align: center;}

.st_con_01 { float:left; width: 100%; margin: 0 0 0 0}
.st_con_02 { float:left; width: 100%; margin: 0 }

.st_title {float:left; width: 100%; margin: 80px 0 30px 0; font: 1.3em/1.1em 'cwTeXHei', sans-serif; color: #6a6a6a}
.st_con {float:left; width: 100%; margin: 10px 0}



/********** MEDIA QUERIES ***********************/
/* for webkit only */
@media screen and (-webkit-min-device-pixel-ratio:0) {  

} 

/* for 980px or less */
@media screen and (max-width: 1000px) {
/*logo*/
.logo_bgin {position:relative; width:100%; margin:0 auto; text-align: center;}
.logo_bgin img { width:70%;margin: 20px 0 0 0}
.logo_bgin02 {position:relative; width:95%; margin: 20px auto 0 auto;  }
	
/*contect*/
.contect_bgin {position:relative; width:100%; margin:0 auto; text-align: center;}
.contect_add_map {float:left; width: 90%; margin: 0 5%;}
.contect_con_04_1920 { display:block; float: left; width: 90%;margin: 40px 0 0 5%}


/*ST*/
.st_bgin {position:relative; width:100%; margin:0 auto 0 auto; text-align: center;}


}

/* for 768px or less */
@media screen and (max-width: 768px) {
.logo_bgin img { width:80%;margin: 20px 0 0 0}
.logo_bgin h1 { text-align: center;font: 2.4em/1.1em 'cwTeXHei', sans-serif; color: #333333; width:60%;margin: 220px 0 20px 20%;letter-spacing:10px}
	
.header_menu { position: fixed; width:100%; height: 40px; background-color: #e0e0e0;opacity: 0.8; z-index: 10000}
.header_menuin { width: 100%; text-align: center; margin: 10px auto 0 auto; font: 1.1em/1.1em 'cwTeXHei', sans-serif;}
.header_menuin a { margin: 0 10px}
	
.contect_con_01_icon { float:left; width: 30%; margin: 0 35% 20px 35%}
.contect_con_02_icon01 { float:left; width: 30%; margin: 0 0 20px 17.5%}
.contect_con_02_icon02 { float:left; width: 30%; margin: 0 0 20px 5%}	

	
}

/* for 480px or less */
@media screen and (max-width: 500px) {
.logo_bgin img { width:95%;margin: 10px 2.5 0 2.5%}
.logo_bgin h1 { text-align: center;font: 1.55em/1.4em 'cwTeXHei', sans-serif; color: #333333; width:95%;margin: 110px 0 20px 2.5%;letter-spacing:10px}
.logo_bg {position:relative; float: left; width:100%;  background-color: #f7f7f7;z-index: 5000 }
	
.header_menu { position: fixed; width:100%; height: 30px; background-color: #e0e0e0;opacity: 0.8; z-index: 10000}
.header_menuin { width: 100%; text-align: center; margin: 10px auto 0 auto; font: 0.6em/1.1em 'cwTeXHei', sans-serif;}
.header_menuin a { margin: 0 3px}
	
.contect_bgin {position:relative; width:90%; margin:0 auto; text-align: center;}	
.contect_add_map {float:left; width: 100%; margin: 0 0;}

.contect_con_01 { float: left; width: 100%; margin: 0 0 0 0 }
.contect_con_01_icon { float:left; width: 20%; margin: 0 40% 20px 40%}
.contect_con_01_contect01 {float:left; width: 100%; text-align: center; color: #6a6a6a}
.contect_con_01_contect02 {float:left; width: 100%; text-align: center;color: #6a6a6a}
.contect_con_01_contect03 {float:left; width: 100%; text-align: center; margin: 20px 0 0 0; font-size: 1.2em}

.contect_con_02 { float: left; width: 100%; margin: 10% 0 10% 0}
.contect_con_02_icon { float:left; width: 100%; }
.contect_con_02_icon01 { float:left; width: 20%; margin: 0 0 20px 27.5%}
.contect_con_02_icon02 { float:left; width: 20%; margin: 0 0 20px 5%}

.contect_con_03 { float: left; width: 100%;margin: 0 0 0 0}	

.contect_con_04_1920 { display: none;}
.contect_con_04_480 {  display:block; float: left; width: 100%;margin: 40px 0 0 0}

/*ST*/


.st_title {float:left; width: 100%; margin: 80px 0 30px 0; font: 1.3em/1.1em 'cwTeXHei', sans-serif; color: #6a6a6a}
.st_con {float:left; width: 100%; margin: 10px 0}
	
}