@charset "utf-8";
/* 
 藍色 #0379ca;
*/
/* FRAME */
html, body{ background:#fff;text-align:center;}
body{top:0;left:0;width:100%;height:100%;overflow:hidden;}
.bodywrap{position:absolute;top:0;left:0;width:100%;height:100%;display:none;background:#eff8fd;overflow:hidden;}
.allbgpic{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;}
/* POP */
#pop{position:fixed;top:-0;left:0;width:100%;height:100%;z-index:9999;display:none;overflow:hidden;background:url(../img/b70.png);text-align:center;}
#popsin{position:relative;width:1020px;height:340px;border:20px solid #e9e6d7;margin:0 auto;background:#f2efe6;border-radius: 190px;-moz-border-radius: 190px;-webkit-border-radius: 190px;z-index:99;}
#popsimg{position:relative;height:316px;width:480px;margin:12px;border-radius: 158px;-moz-border-radius: 158px;-webkit-border-radius: 158px;overflow:hidden;float:left;}
#popstext{width:440px;float:left;padding:20px 0;font-size:18px;line-height:36px;text-align:left;font-weight:bold;}
.popclosebg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;}

/* preload */
#preload{	position:fixed;	top:0;	left:0;	width:100%;	height:100%;	z-index:999999999999999999999;}
#prelogo{position:absolute;top:200px;left:50%;margin-left:-204px;}
#pretext{position:absolute;top:540px;left:50%;margin-left:-300px;width:600px;font-size:60px;line-height:80px;color:#bbb;text-align:center;}
/* index */
.index_btn {position:absolute ;z-index:5; top:570px; height:315px; width:315px; border-radius: 157px;-moz-border-radius: 157px;-webkit-border-radius: 157px; 	}
.index_btn:nth-child(1){left:250px;}
.index_btn:nth-child(2){left:597px;}
.index_btn:nth-child(3){left:944px;}
.index_btn:hover{background:#444;margin-top:-8px!important;  text-shadow:1px 1px 8px rgba(0,0,0,0.7); -moz-box-shadow: 1px 1px 16px #000;	-webkit-box-shadow: 1px 1px 16px #000;	box-shadow: 1px 1px 16px #600;}
/* border-radius: 15px;-moz-border-radius: 15px;-webkit-border-radius: 15px; */
/* 內頁  frame */
#bodyleft{position:absolute;width:660px;height:100%;top:0;left:0;z-index:5;overflow:hidden;}
#bodyright{position:absolute;width:1260px;height:100%;top:0;right:0;z-index:4;overflow:hidden;}
#infront1{position:absolute;top:0;left:0;z-index:2;}
#infront2{position:absolute;bottom:0;left:0;z-index:2;}
#intitle{position:absolute;top:44px;left:56px;}
#inmenu{position:absolute;top:193px;left:121px;width:480px;height:110px;}
.navbtn{position:absolute;top:0;margin:0;width:102px;}
.navbtn:nth-child(1){left:0;}
.navbtn:nth-child(2){left:115px;}
.navbtn:nth-child(3){left:230px;}
.navbtn:nth-child(4){left:345px;}
.navbtn:hover{margin-top:-5px;}

#inlefttitle{position:absolute;top:319px;left:102px;width:505px;height:505px;}
#inleftbg{position:absolute;top:0;left:0;z-index:0;}
#inleftsubtitle{position:absolute;top:10xp;;left:-41px;z-index:0;z-index:2;}
#inleftpic{position:absolute;top:60px;left:60px;width:365px;height:365px;border-radius: 192px;-moz-border-radius: 192px;-webkit-border-radius: 192px;overflow:hidden;border:10px solid #fff;z-index:1;background:#fff;}

#bodyrighttop{position:relative;height:180px;overflow:hidden;}
#bodyrightcontent{position:relative;height:900px;overflow:hidden;}
#bodyrightd{position:absolute;height:900px;width:1260px;right:0;top:180px;overflow:hidden;z-index:1;}
#bodyrightcontentd{position:absolute;height:900px;width:1260px;right:0;bottom:0;overflow:hidden;z-index:1;}
#bodyrighttopmenu{position:absolute;top:25px;left:0;height:114px;width:1200px;}
.brtitem{display:none;text-align:left;}
.brcitem{display:none;}
#brcitemintype1{font-size:36px;color:#000;line-height:65px;text-align:left;padding:20px;font-weight:bold;}
#brcitemintype2{font-size:22px;color:#000;line-height:36px;text-align:left;padding:10px 20px;font-weight:bold;}
.brc10btn{position:absolute;z-index:12;}
.brc10btn:nth-child(1){top:333px;left:556px;}
.brc10btn:nth-child(2){top:468px;left:647px;}
.brc10btn:nth-child(3){top:515px;left:415px;}
.brc10btn:nth-child(4){top:633px;left:415px;}
.brc10btn:nth-child(5){top:752px;left:627px;}
.brc10btn:nth-child(6){top:600px;left:950px;}
.brc20t{position:relative;height:170px;text-align:left;}
.brc20t img{margin-left:20px;}
.brc20b{position:relative;height:730px;padding-left:20px;}
.brc20btn{position:relative;margin:0 15px 10px 0;float:left;}
.brcitemin{position:relative;display:none;}
.brcitemin:nth-child(1){display:block;}
.brcitemin2{position:relative;display:none;}
.brcitemin2:nth-child(1){display:block;}
.brcitemin3{position:relative;display:none;}
.brcitemin3:nth-child(1){display:block;}
/* 遊戲 */
#brc111s{font-size:48px;line-height:160px;color:#f83e00;text-align:left;font-weight:bold;}
#brc111a{width:55%;float:left;font-size:38px;line-height:50px;color:#000;text-align:left;font-weight:bold;padding:0 8% 0  6%;}
.que111{margin-bottom:40px;}
.que111 span{position:absolute;top:0;left:10px;}
.ans111{position:relative;margin-bottom:15px;}
.ans111 span{position:absolute;top:0;left:-50px;color:#f83e00;font-size:44px;}
.ans111.correct{color:#f83e00;}
#brc111b{width:30%;float:left;font-size:48px;line-height:60px;color:#f83e00;text-align:left;font-weight:bold;}
#brc111b span{font-size:160px;line-height:220px;}
.photos{margin:50px;}
/* video　*/
#videowarp{position:relative;width:1100px;height:734px;margin:20px auto;overflow:hidden;}
#video{position:absolute;top:-22px;left:42px;width:1035px;height:777px;z-index:1;}
#canvas{position:absolute;top:-22px;left:42px;width:1035px;height:777px;z-index:2;}
#videocover{position:absolute;top:0;left:0;width:1100px;height:734px;z-index:3;}
#videotext{position:absolute;top:0;left:0;width:1100px;height:734px;z-index:4;font-size:120px;line-height:790px;color:#fff;text-align:center;}
.videono{position:absolute;bottom:100px;left:300px;width:200px;height:100px;font-size:40px;line-height:100px;z-index:9;background:#eee;color:#aaa;font-weight:bold;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;-moz-box-shadow: 1px 1px 16px #000;	-webkit-box-shadow: 1px 1px 16px #000;	box-shadow: 1px 1px 16px #000;}
.videoyes{position:absolute;bottom:100px;right:300px;width:200px;height:100px;font-size:40px;line-height:100px;z-index:9;background:#fff;color:#444;font-weight:bold;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;-moz-box-shadow: 1px 1px 16px #000;	-webkit-box-shadow: 1px 1px 16px #000;	box-shadow: 1px 1px 16px #000;}
.videono:hover,.videoyes:hover{background:#777;color:#fff;}
@media screen and (max-width: 1361px) {
}
/* 1000 以下顯示  平板版本--影片改圖騙    */
@media screen and (max-width: 1050px) {
}
/* 980 以下改手機板  */
@media screen and (max-width: 979px) {
}
@media screen and (max-width: 800px) {
}
@media screen and (max-width: 700px) {
}
@media screen and (max-width: 600px) {
}
@media screen and (max-width: 500px) {
}
/* 450以下  固定 400  顯示手機板 -- iphone 6 plus 414/ iphone6 375 iphone 320    */
@media screen and (max-width: 450px) {

}