body {
	overflow-x: hidden;
	background-color: #000;
}

#CN-msi {color:#333!important; background:#FFFFFF;}
#CN-msi .topbox{
	background:url(../images/top-bg.jpg) no-repeat center top;
	color:#FFFFFF;
	padding-top:10%;
	font-family:'微軟正黑體';
	}
#CN-msi .topbox img , #CN-msi .topbox h1{display:inline-block; margin:0px auto;}
#CN-msi .topbox h1{ font-size:6em; padding:0px 35px;letter-spacing: 10px; color:#d2d2d2;}
#CN-msi h2{font-size:3em !important; color:#333 !important; padding-bottom:10px ;}
#CN-msi .button{ border:solid 1px #FFFFFF; padding:10px 20px; display:block; margin:0 auto; width:300px; text-align:center; font-size:2.5em; margin-top:5%; margin-bottom:3%;}
#CN-msi h3{color:#333 !important; font-size:2em !important; font-size:24px !important}
#CN-msi .button:hover{ background:#FFFFFF;}
#CN-msi a{color:#FFFFFF}
#CN-msi a:hover{ text-decoration:none; color:#333;}
#CN-msi .box2{background:#f0f0f0; padding:3% 0px; padding-bottom:0px;}
.line img , .line p , .line h3{display:inline-block;}
.line{ padding-bottom:20px;}
.line p{ padding-top:10px;}
.line h3{ padding-left:10px;letter-spacing: 5px; color:#333;}
#CN-msi .box3 , #CN-msi .box4{padding:3% 0px;}
#CN-msi .box3 ol{ line-height:2em; padding:0px;}
#CN-msi .box4{ background:url(../images/contane-bg.jpg) repeat-x top;}
#CN-msi .box4 h3{ display:block; background:#313131; width:600px; margin:0 auto; padding:10px 0px; color:#FFFFFF; text-align:center; margin-bottom:5%;}
#CN-msi .box4 p{ font-size:2.5em; display:inline-block; margin-top:10%;}
#CN-msi .box4 .r-box{ width:50px; height:50px;border-radius:99em; border:#FF0004 solid 1px; display:inline-block;text-align: center; color:#FF0004;}
#CN-msi .box5 .under{ border-top:solid 2px #363636; margin-top:2%;}
#CN-msi .box5 .under p{ font-size:1em; margin-top:0px;}
#CN-msi .box5 .under a{color:#000000; padding-left:20px; padding-top:5px; display:inline-block;}
#CN-msi .box5 .under a:hover{color:#FF0004}

.tooltip-inner{
	max-width:300px;
	font-size:1.5em
	}
#CN-msi .box4 .button{
	width:400px;
	border: solid 1px #333333;
	background:#333333;
	color:#ffffff;
	}
@media only screen and (max-width: 480px) {
#CN-msi h3{color:#333 !important; font-size:2em !important; font-size:24px !important}
#CN-msi h2{font-size:3em !important; color:#333 !important; padding-bottom:10px ;}
#CN-msi .topbox h1{font-size: 5em;letter-spacing: 2px;}
#CN-msi .box4 h3{width: 80%;}
}
@media only screen and (max-width: 414px) {
#CN-msi .topbox h1{font-size: 4em;letter-spacing: 2px;}
#CN-msi .box4 .button {width: 80%;}
#CN-msi h3{color:#333 !important; font-size:2em !important; font-size:24px !important}
#CN-msi h2{font-size:3em !important; color:#333 !important; padding-bottom:10px ;}

}
@media only screen and (max-width: 375px) {
#CN-msi .box4 .button {width: 70%;}
#CN-msi h3{color:#333 !important; font-size:2em !important; font-size:24px !important}
#CN-msi h2{font-size:3em !important; color:#333 !important; padding-bottom:10px ;}
}
@media only screen and (max-width: 320px) {#CN-msi .topbox h1{font-size: 5em;letter-spacing: 3px;}	
	#CN-msi .button {
    border: solid 1px #FFFFFF;
    padding: 4px 11px;
    display: block;
    margin: 0 auto;
    width: 240px;
    text-align: center;
    font-size: 1.5em;
    margin-top: 5%;
    margin-bottom: 3%;
}
	#CN-msi h3{color:#333 !important; font-size:2em !important; font-size:24px !important}
#CN-msi h2{font-size:3em !important; color:#333 !important; padding-bottom:10px ;}
	}