@charset "utf-8";
.mobileOnly { display:none;}
.allBase {  padding: 0 0 20px 0; width:100%; height:auto;background:#000 url(../img/topPc.jpg) top center repeat-x;}
.topBanner { width:100%; height: 500px;}
.contentBase { padding: 0 0 40px 0; margin: 0 auto;width:1150px; height: auto; background:#fff;}
.yellowBar { width:100%; height:5px; background:#ffd100;}
.content { margin: 0 20px 20px 20px; width: auto; text-align: center; overflow: hidden;}
.contentBase .content h2 { position: relative; display: inline-block;margin: 20px 0 10px 0; font:bold 26px/30px "Arial","微軟正黑體"; color:#000;text-align: center;}
.contentBase .content>h2::after {position: absolute; top:0; left:-10px; content:" "; display: block; width:7px; height:26px;background:#ffd100;}
.contentBase .content h3 { padding: 0 10px; margin: 0; font: normal 16px/22px "Arial","微軟正黑體"; color:#000;text-align: center;}
.content .boxBase .box { float: left; padding: 0 0 20px 0; height: auto; background: #ddd;}
.content .boxBase .box img {  margin: 20px 0;}
.content .box2Base {}
.content .box2Base .box:nth-child(1) { margin: 0 1% 0 0; width:49%}
.content .box2Base .box:nth-child(2) { margin: 0 0 0 1%; width:49%}
.content .box>h2 { display:block;margin: 0 0 15px 0; padding: 7px 0;  text-align: center; color:#ffd100; background:#000}
.content .box3Base {}
.content .box3Base .box:nth-child(1) { margin: 0 1% 0 0; width:32%}
.content .box3Base .box:nth-child(2) { margin: 0 1% 0 1%; width:32%}
.content .box3Base .box:nth-child(3) { margin: 0 0 0 1%; width:32%}
.content .box3Base .box>h3 { line-height: 30px}
.button { display: inline-block; margin: 10px 0 20px 0 ; padding: 5px 20px; border-radius: 10px; font:bold 24px/30px "Arial","微軟正黑體"; color:#000;text-align: center;background:#ffd100}


.content strong { font-weight: bold;color:#F00}
.content ul li{ margin: 0 0 0 5%; text-align: left; list-style:decimal !important;font: 14px/24px "Arial","微軟正黑體";}




.fixBar {position: fixed; top:200px; right:0; display:inline-block;z-index: 10;}
.fixBar .name { width:100px; margin: 1px 0; padding: 5px 0; font: 18px/24px "Arial","微軟正黑體";color:#FFF; text-align: center; background:#000}
.fixBar .nameNow {color:#000;background:#ffd100}

@media only screen and (max-width: 1150px) {
.allBase {  padding: 0 0 20px 0; width:100%; height:auto;background:#000}
.mobileOnly { display:block; width: 100%; height: auto;}
.topBanner { width:100%; height:auto;}	
.contentBase { padding: 0 0 40px 0; margin: 0 5%;width:90%; height: auto; background:#fff;}
	
}

@media only screen and (max-width: 860px) {
.content .box2Base .box>h2 { height:60px; font-size: 20px; line-height: 22px; }	

.content .boxBase .box img {  width: 100%;}	
	
}

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

.content .box2Base .box>h2 { height:auto;  }		
.content { margin: 0 5%; width: 90%;}	
.content .boxBase .box img {  margin: 0 0 10px 0;}	
.content .box>h2 { margin:0; }	

.content .box2Base .box { float: none !important ; margin: 0 0 10% 0 !important ; padding: 0 0 10px 0!important ; width:100% !important}
.content .box3Base .box { float: none !important ; margin: 0 0 10% 0 !important ; padding: 0 0 10px 0!important ; width:100% !important}

	
}