@charset "utf-8";
/* CSS Document */
@import url("reset.css");

a{text-decoration:none; outline:none;}
map area { outline: none;}
img{ vertical-align:top;}
ul li{ list-style:none;}


.WRAPPER{width: 100%;height: auto;}

.VISIONARY{width: 100%;height: 460px;background: url('../images/Splash.jpg') no-repeat center top;}
.VISIONARY > .DREAMY{width: 100%;height: 690px;margin: 0 auto;position: relative;}
.VISIONARY > .DREAMY p{width: 200px;height: 50px;background-color:#000000;border-radius: 0px 0px 10px 10px;position: absolute;top: 0;right: 0px;text-align: center;font: bold 30px/45px "微軟正黑體";}
.VISIONARY > .DREAMY p a{display: block;color: #fff;}


.ROUTINE_PAGE{width:100%;height: auto;background-color: #cc0001;padding-top: 50px;overflow: hidden;}
.MAINTAIN{width: 1000px;height: auto;border-left: 7px solid #FFFFFF;margin: 0 auto;text-align: left;padding-bottom: 20px;}
.MAINTAIN > .N1{width: 870px;height: auto;position: relative;padding: 0px 50px 20px 80px;}
.MAINTAIN > .N1 h6{width: 130px;height: 130px;border-radius: 50%;background-color: #FFFFFF;text-align: center;font: bold 90px/140px "Arial, Helvetica,sans-serif";position: absolute;left: -65px;top: -9px;color: #cc0001;}
.MAINTAIN h4{color: #fff;font:bold 56px/130px "微軟正黑體";}
.MAINTAIN h4 span{color: #fff;font:bold 28px/130px "微軟正黑體";}
.MAINTAIN h5.BTN_STYLE01{display: inline-block;width:390px;text-align: center;border-radius: 50px;background-color:#fff100;margin: 0px 15px 30px 0px;}
.MAINTAIN li h5.BTN_STYLE01{margin: 0px 15px 30px -22px;}
.MAINTAIN h5.BTN_STYLE01 a{display: block;color: darkred;font:bold 35px/1em "微軟正黑體";padding: 15px;}
.MAINTAIN h5.BTN_STYLE01 a:hover{display: block;color: #FFFFFF;font:bold 35px/1em "微軟正黑體";background-color:darkred;border-radius: 50px;}
.MAINTAIN h5.BTN_STYLE01 a:after{content: url('../images/hand.png');}
.MAINTAIN p{font: 20px/34px "微軟正黑體";color: #fff;}
.MAINTAIN p span{font:bold 25px/34px "微軟正黑體";}
.MAINTAIN p a{color: #ffff00;text-decoration: underline;}
.MAINTAIN ul{}
.MAINTAIN ol{padding-left: 22px;}
.MAINTAIN li{color: #fff;font:20px/34px "微軟正黑體"; list-style-type:decimal;}
.MAINTAIN li a{color: #ffff00;text-decoration: underline;}
.MAINTAIN li table {font: 16px/25px "微軟正黑體";color: #000;margin-left: -22px;}
.MAINTAIN table{width: 100%;text-align: center;margin-bottom: 30px;}
.MAINTAIN table tr{font: 16px/25px "微軟正黑體";}
.MAINTAIN table th{font: 16px/25px "微軟正黑體";background-color:darkred;color: #fff; vertical-align:middle;padding: 15px;border: thin solid #cc0001;}
.MAINTAIN table td{
	font: 16px/25px "微軟正黑體";
	background-color: #fff5dd;
	vertical-align: middle;
	padding: 10px;
	border: thin solid #cc0001;
	word-break: break-all;
}
.MAINTAIN table td a{color: #000;text-decoration: underline;}


.NOTE{width:100%;height: auto;background-color: #373737;overflow: hidden;}
.NOTE h4{color: #fff;font:bold 50px/60px "微軟正黑體";text-align: center;padding-top: 10px;}
.NOTE ol{width: 1000px;height: auto;text-align: left;margin: 0 auto;}
.NOTE li{color: #fff;font:15px/25px "微軟正黑體";margin-bottom: 30px;}

.share-bar{width:950px!important;z-index: 99;}
.WEB{display: block;width: 100%;}
.FOOTER{width:100%;margin:0 auto;padding:0;background: url('../images/footer-bg.jpg') repeat-x;overflow: hidden;}
.footerbox{width: 950px;margin: 0 auto;}

@media screen and (max-width:768px){

	
	.WRAPPER{width: 100%;height: auto;}

	.VISIONARY{width: 100%;height:0;padding-bottom: 50%;background-size: cover;}
	.VISIONARY > .DREAMY{width: 100%;height: auto;margin: 0 auto;position: relative;}
	.VISIONARY > .DREAMY p{width: 80px;height: 25px;background-color:#000000;border-radius: 0px 0px 10px 10px;position: absolute;top: 0;right: 0px;text-align: center;font: bold 15px/25px "微軟正黑體";white-space: nowrap;}
	.VISIONARY > .DREAMY p a{display: block;color: #fff;}


	
	.MAINTAIN{width: 75%;height: auto;margin: 0 auto;text-align: justify;}
	.MAINTAIN > .N1{width: 95%;height: auto;position: relative;padding: 0px 20px 50px 35px;}
	.MAINTAIN > .N1 h6{width: 65px;height: 65px;border-radius: 50%;text-align: center;font:bold 40px/65px "Arial, Helvetica,sans-serif";position: absolute;left: -35px; top:-10px;}
	.MAINTAIN h4{color: #fff;font:bold 2em/1em "微軟正黑體";margin-bottom: 10px;}
	.MAINTAIN h4 span{color: #fff;font:bold 0.6em/1em "微軟正黑體";}
	.MAINTAIN h5.BTN_STYLE01{display: inline-block;width:90%;text-align: center;border-radius: 20px;background-color: #ffff00;}
	.MAINTAIN h5.BTN_STYLE01 a{display: block;font:bold 1.5em/1.2em "微軟正黑體";padding: 5px;}
	.MAINTAIN h5.BTN_STYLE01 a:after{content: url('../images/hand.png');vertical-align:middle;}
	.MAINTAIN p{font: 1em/2em "微軟正黑體";color: #fff;}
	.MAINTAIN p img{width: 100%;height: auto;}
	.MAINTAIN p span{font:bold 1em/2em "微軟正黑體";}
	.MAINTAIN p a{color: #ffff00;text-decoration: underline;}
	.MAINTAIN ul{}
	.MAINTAIN ol{padding-left: 22px;}
	.MAINTAIN li{color: #fff;font:1em/1.5em "微軟正黑體";}
	.MAINTAIN .TABLE_BOX{width: 100%;text-align: center;margin-bottom: 30px;}
	
	.NOTE{width:100%;height: auto;background-color: #373737;overflow: hidden;}
	.NOTE h4{color: #fff;font:bold 2em/2em "微軟正黑體";text-align: center;padding-top: 10px;}
	.NOTE ol{width: 88%;height: auto;text-align: justify;margin: 0 auto;padding-left: 5%;}
	.NOTE li{color: #fff;font:0.9em/1.5em "微軟正黑體";margin-bottom: 30px;}

	.share-bar{width: 100%!important;}
	.share-bar #rolltop{display: none;}
	.WEB{display: block;width: 100%;}
	.FOOTER{width:100%;margin:0 auto;background: url('../images/footer-bg.jpg') repeat-x;overflow: hidden;background-size: cover;}
	.footerbox{width: 100%;margin: 0 auto;text-align: center;}

}