/*UTF8編碼*/
body{margin:0px; padding:0px; font-size:12pt; font-family:Arial,微軟正黑體;}

.bodybox{width:100%; background-image:url('./IMG/title_bg.png'); background-position:top; background-repeat:no-repeat; background-size:contain;}

.backgroundbox, .titlebox{width:100%; max-width:1400px; margin:0px auto;}
.titlebox img{width:80%; display:block; margin:0px auto;}
.backgroundbox img{width:100%;}
.backgroundbox{margin-top:0%;}
.titletagbox{width:72%; max-width:1009px; margin:0% auto;}
.titletag{color:#4d82ff; text-shadow:1px 1px 1px #FFFFFF; text-align:right; font-size:13pt; font-weight:bold; margin-right:16px; float:left;}
.titletag.last{margin-right:0px;}

.backgroundbox .imgdiv, .backgroundbox .textdiv{position:absolute; float:left;}
.backgroundbox .imgdiv{width:100%; min-width:800px; max-width:1400px; z-index:0;}
.backgroundbox .textdiv{width:40%; min-width:313px; max-width:562px; color:#076f62; line-height:26px; margin:10% 5%; z-index:2;}
.mobile{display:none;}
.pc{display:block;}


.menubox{width:50%; max-width:660px; min-width:450px; margin:0px auto;}
.menup{width:26%; max-width:195px; min-width:117px; color:#009966; text-align:center; font-size:14pt; font-weight:bold; margin-right:11%; opacity:0.7; cursor:pointer; float:left;}
.menup:hover{opacity:1;}
.menup img{width:100%; border:0px;}
.menup .icon{width:100%; padding:50% 0px;}
.menup.last{margin-right:0px;}


@media screen and (max-width:600px){
.titletag{font-size:10pt; font-weight:bold;}
}

@media screen and (max-width:800px){
	.backgroundbox, .titlebox{max-width:none;}
	.titlebox{overflow:hidden;}
	.backgroundbox img{width:175%;}
	.backgroundbox img{margin-left:-75%;}
	.backgroundbox .textdiv{width:90%; min-width:auto; max-width:none; font-size:14pt; display:block; margin:0% 5% 10%; position:static; }
	.mobile{display:block;}
	.pc{display:none;}

	.menubox{width:80%; margin-left:10%; min-width:auto;}
	.menup{width:20%; margin-right:20%; min-width:auto;}
}
@media screen and (min-width:1342px){
	.titletag{font-size:18pt; font-weight:bold; margin-right:16px; float:left;}

}
@media screen and (min-width:1200px){
	.backgroundbox .textdiv{font-size:17pt; line-height:40px;}
}
@media screen and (min-width:1920px){
	.backgroundbox .textdiv{font-size:17pt; line-height:40px;}
}