@charset "utf-8";
/* CSS Document */
body {
	margin: 0px;
	padding: 0px;
	font-family:Verdana,'微軟正黑體', 'LiHei Pro', 'eiti TC', STHeiti, sans-serif!important;
}

.font22{font-family: "微軟正黑體"; font-size:20px}
img{ display:block}
.kv {
	width: 100%;
	background-image: url(../img/kv.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
.linebg{background-color: #3e8dba;width: 1px; height: 25px;margin-top: 25px;
}
#logo{
	background-image: url(../img/pic0001.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size:contain;
	top: 10px;
}
.kv00{
	background-image: url(../img/kv00.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size:100%;
}
#header{position:fixed;top:0px;background-image: url('../img/header.png');background-color: #efefef;background-position: top left;background-size: 70%;background-repeat: no-repeat; width:100%; text-align:center; z-index:10;height:80px;overflow:hidden}
.main{margin:0 auto;width: 100%}
.pcbg{ width:100%; height:80px; background-color:rgba(255,255,255,0.8); position:fixed; z-index:1; top:-80px}





	
	
@media (min-width:1001px){
.kvw{ display:none1}
.kvh{ display:none}
.menuhover{color:#FFFFFF; position:absolute; width:100%; z-index:1; margin-left:0px;}
.tabimg{width: 100%;height: 40vh;overflow-y: scroll}
#pop01{width: 900px; 
            margin: 8% auto auto -450px; 
            background-color: #FFFFFF;
            position: fixed;
            padding: 50px;
            left: 50%;
            background-image: url('../img/title.png');
            background-position: top center;
            background-size: 100%;
            background-repeat: no-repeat;
    z-index: 100;
    } 
.tit0{}
.titscroll{overflow-x: hidden; overflow-y: scroll}
.tit1{font-size: 2rem;float: left;color: #4B86BC;font-weight: bold}
.tit2{font-size: 1.2rem;float: right;margin-top: 10px;margin-right: 20px}
.tit3{font-size: 1.8rem;float: right;color: #0F3668}
.tit4{width: 100%;height: 400px;margin-top: 130px;font-size: 1rem;line-height: 1.7rem}
.tit5{float: right;margin: 0px 0px 20px 20px}   
.closebtn{ background-image: url("../img/close.png");background-size: 100%;width: 30px;height: 30px;position: absolute; right: 15px;top:15px;filter:drop-shadow(0px 0px 2px rgba(255,255,255,1)) contrast(1000%);}
.main{ }
    
#pop02{width: 900px; 
            margin: 8% auto auto -450px; 
            background-color: #FFFFFF;
            position: fixed;
            padding: 30px;
            left: 50%;
            background-image: url('../img/bg.png');
            background-position: top center;
            background-size: 100%;
            background-repeat: no-repeat;
            background-color: #e2ebf3;
            z-index: 100;
    } 
    
.btn {
    width: 23%;
    font-size: 1.5rem;
    border-radius: 10px; 
    border: 0px;
    color: white;
    padding: 14px 28px; 
    margin:0 1%;
    cursor: pointer;
    float: left;
    position:relative;
}
    .btn00 {background-color: #E97125;    
    width: calc(100% - 56px);
    font-size: 1.5rem;
    border-radius: 10px; 
    border: 0px;
    color: white;
    padding: 14px 28px; 
    top:0px;
    left: 0px;
    cursor: pointer;
    position: absolute;
    opacity: 0.1;
} 

.tit6{float: left;margin: 50px auto 20px auto;width: 30%}
.tit7{width: 70%;height: 400px;margin-top: 50px;font-size: 1rem;line-height: 1.7rem}
video{width: 100%;margin: -20vh auto auto 10vw}
.menu__link {font-size: 0.8em;}
	

	  .t1t,.t2t,.t3t,.t4t{float: left;width: 23%;position: relative;cursor: pointer}
	  .t1t .ti,.t2t .ti,.t3t .ti,.t4t .ti{position: absolute}
	
.titbar{position: absolute;color: #FFFFFF;background-color: #000000;text-align: center;padding: 15px;z-index: 1;margin-top: -70px;}
	
.popmenu{position: fixed;z-index: 1; width: 100px;background-color: #FFFFFF;font-size: 1rem;line-height: 3rem}
}
.popmenu div{cursor: pointer}
.popmenu div:hover{background-color: #cfba99;color: #FFFFFF}
@media (max-width:1000px){
.popmenu{width: 100%;background-color: #FFFFFF;font-size: 1.4rem;line-height: 3rem;}
	
.titbar{position: absolute;color: #FFFFFF;background-color: #000000;text-align: center;padding: 15px;z-index: 1;bottom: 10px;}
	
	  .t1t,.t2t,.t3t,.t4t{float: right;width: 75%;position: relative;margin-right: 5%;margin-bottom: 5%}
	  .t1t .ti,.t2t .ti,.t3t .ti,.t4t .ti{position: absolute}
	
	
	
	
	
	
.menu__link {font-size: 1.2em;}

 video{width: 250%;margin: 0 auto;margin-left: -40vw}   
	.mask{width: 100vw}
    
.menuhover{ display:none}
.pcbg{ width:100%; height:80px; background-color:rgba(255,255,255,0); position:fixed; z-index:1; top:-80px}
#header{position:fixed;top:0px;background-color:rgba(255,255,255,0.9); width:100%; text-align:center; z-index:2; overflow:hidden}

.menu__list li{ display:block; width:100%}

.kvw{ display:none}
.kvh{ display:none1}
#pop01{width: calc(100% - 60px); 
	height: 100vh;
            background-color: #FFFFFF;
            padding: 30px;
            padding-top:60px; 
            left: 0px;
            top:0px;
            background-image: url('../img/title.png');
            background-position: top center;
            background-size: 300%;
            background-repeat: no-repeat;
    position: absolute;
	clear: both;position: fixed;z-index: 10
    } 
#pop02{width: calc(100% - 60px); 
            background-color: #FFFFFF;
            padding: 30px;
            left: 0px;
            top:0px;
            background-image: url('../img/bg.png');
            background-position: top center;
            background-size: 300%;
            background-repeat: no-repeat;
            background-color: #e2ebf3;
    } 
.titscroll{}
.tit1{font-size: 2rem;float: left;color: #4B86BC;font-weight: bold;width: 100%;clear: both}
.tit2{font-size: 1.2rem;float: right;padding-top: 10px}
.tit3{font-size: 1.8rem;float: right;color: #0F3668}
.tit4{width: 100%;margin-top: 50px;font-size: 1rem;line-height: 1.7rem}
.tit5{float: right;margin: 20px auto;width: 100%}
.tit5 img{width: 100%}
.closebtn{ background-image: url("../img/close.png");background-size: 100%;width: 30px;height: 30px;position: fixed; right: 15px;top:15px;
     filter:drop-shadow(0px 0px 2px rgba(255,255,255,1)) contrast(1000%);
    }
    
.btn {
    font-size: 1.2rem;
    border-radius: 10px; 
    border: 0px;
    color: white;
    padding: 14px 5%; 
    margin:2% auto;
    cursor: pointer;
    float: left;
    position:relative;
    overflow: hidden;
}
    .btn00 {background-color: #E97125;    
    width: 90%;
    color: white;
    padding: 14px 5%;
    top:0px;
    left: 0px;
    cursor: pointer;
    position: absolute;
    opacity: 0.7;
} 

.tit6{float: left;margin: 50px auto 20px auto;width: 100%;text-align: center!important}
.tit6 img{margin: auto}
.tit7{width: 100%;margin-top: 20px;font-size: 1rem;line-height: 1.7rem}    
    
	}






.qtit{color: #0F3668}
.clear{clear: both}
a {text-decoration: none;}



.success {background-color: #99BBD9;} /* Green */
.success:hover {background-color: #E97125;}