@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;}*/
ul, ol{padding-left: 2em;}


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

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

.ROUTINE_PAGE{width:100%;height: auto;background-color: #ff5da2;padding-top: 50px;overflow: hidden;}
.MAINTAIN{width: 1000px;height: auto;border-left: 7px solid #520d9b;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: #520d9b;text-align: center;font: bold 90px/140px "Arial, Helvetica,sans-serif";position: absolute;left: -65px;top: -9px;color: #fff;}
.MAINTAIN h2{color: #00f500; font:bold 1.5em/1.5 "微軟正黑體"; margin-top: 1em; margin-bottom: .5em;}
.MAINTAIN h4{color: #fff;font:bold 56px/120px "微軟正黑體"; line-height: 1.2;}
.MAINTAIN h4 span{color: #fff;font:bold 28px/120px "微軟正黑體";}
.MAINTAIN li a{color: #ffff00;text-decoration: underline;}
.MAINTAIN .BTN_STYLE01{display: inline-block;width:390px;text-align: center;border-radius: 50px;background-color: #ffff00;margin: 0px 15px 30px 0px;}
.MAINTAIN li .BTN_STYLE01{margin: 0px 15px 30px -22px;}
.MAINTAIN .BTN_STYLE01 a{display: block;color: #ff0c73;font:bold 35px/50px "微軟正黑體"; text-decoration: none;}
.MAINTAIN .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 "微軟正黑體";}
.MAINTAIN li table {width: 108%; font: 16px/25px "微軟正黑體";color: #520d9b;margin-left: -22px;}
.MAINTAIN table{width: 100%;text-align: center;margin-bottom: 30px;}
.MAINTAIN table tr{font: 16px/25px "微軟正黑體";}
.MAINTAIN table td{font: 16px/25px "微軟正黑體";background-color: #fff5dd;vertical-align:middle;padding: 5px;}
.MAINTAIN table td a{color: #520d9b;text-decoration: underline;}
.MAINTAIN table tr td:last-child{padding-left: 10px;}
/*.MAINTAIN table tr td:nth-child(4){text-align: left;}*/
.MAINTAIN table tr:first-child td{background-color: #520d9b;color: #fff;padding-left: 0px;}
.MAINTAIN .T_CENTER tr td:last-child{padding-left: 0px;text-align: center;}
.MAINTAIN td.T_LEFT{text-align: left!important;padding-left: 10px!important;}
.MAINTAIN mark{background: #7efa19; padding: .2em .6em; margin-left: .5em; margin-right: .5em; color: #1a1a1a}
.MAINTAIN strong{font-weight: bold; color: #7efa19;}
#info_11 > ul{list-style-type: upper-alpha;}
#info_11 ul li img{width: 15%;}
#info_11 .BTN_STYLE01{width:500px}
#info_12 ul{list-style:none;padding-left: 0; padding-top: 1em;}
#info_12 ul li{display: inline-block; font:bold 1.5em/1.5 "微軟正黑體"; margin-bottom: .5em;}
#info_12 ul li:nth-child(odd) a{ display: block; background: #ffff00;color: #ff0c73; text-decoration: none; padding: .5em; text-align: center;border-radius: 20px;}
#info_12 ul li:last-child{color: #7efa19;}
#info_12 ul li:last-child span{font-size: 2em; line-height: 1; padding-top: 1em;}

.NOTE{width:100%;height: auto;background-color: #520d9b;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){
	body,html{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
	ul, ol{padding-left: 1em;}
	.WRAPPER{width: 100%;height: auto;}

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


	.ROUTINE_PAGE{width:100%;height: auto;padding-top: 50px;overflow: hidden;}
	.MAINTAIN{width: 75%;height: auto;border-left: 5px solid #520d9b;margin: 0 auto;text-align: left;}
	.MAINTAIN > .N1{width: 95%;height: auto;position: relative;padding: 0px 20px 50px 35px;}
	.MAINTAIN > .N1 h6{width: 65px;height: 65px;border-radius: 50%;background-color: #520d9b;text-align: center;font:bold 40px/65px "Arial, Helvetica,sans-serif";position: absolute;left: -35px; top:-10px;color: #fff;}
	.MAINTAIN h4{color: #fff;font:bold 2em/1em "微軟正黑體";margin-bottom: 10px;}
	.MAINTAIN h4 span{color: #fff;font:bold 0.6em/1em "微軟正黑體";}
	.MAINTAIN .BTN_STYLE01{display: inline-block;width:90%;text-align: center;border-radius: 50px;background-color: #ffff00;margin: 0px 15px 10px 0px;white-space: nowrap;}
	.MAINTAIN .BTN_STYLE01 a{display: block;color: #ff0c73;font:bold 1.5em/40px "微軟正黑體";padding-top: 5px;}
	.MAINTAIN .BTN_STYLE01 a:after{content: url('../images/hand.png');vertical-align:middle;}
	.MAINTAIN p{font: 1em/2em "微軟正黑體";}
	.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/2em "微軟正黑體";}
	.MAINTAIN .TABLE_BOX{width: 100%;text-align: center;margin-bottom: 30px;}
	.MAINTAIN .TABLE_BOX tr{font: .95em/1.2em "微軟正黑體";}
	.MAINTAIN .TABLE_BOX td{font: .95em/1.2em "微軟正黑體";background-color: #fff5dd;vertical-align:middle;padding: 5px;}
	.MAINTAIN .TABLE_BOX tr td:last-child{padding-left: 10px; text-align: left;}
	.MAINTAIN .TABLE_BOX tr:first-child td{background-color: #520d9b;color: #fff;text-align: center;padding-left: 0px;}
	.MAINTAIN .T_CENTER tr td:last-child{padding-left: 0px;text-align: center;}
	#info_11 .BTN_STYLE01{width:90%;}

	.NOTE{width:100%;height: auto;background-color: #520d9b;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;}

}