/* ==========================================================================
   Public
============================================================================= */
@import url('https://use.fontawesome.com/releases/v5.5.0/css/all.css');
@import url('https://fonts.googleapis.com/earlyaccess/notosanstc.css');

body { 
	font:1.102em/1.6 Arial, Meiryo, "Meiryo UI", "Microsoft JhengHei UI", "Microsoft JhengHei", sans-serif;
	letter-spacing:0.06em;
	color:#222;
	background:#faecdf url(../img/info-bg.png);
	background-size:100%;
}


 


img {
	border:none;
	vertical-align:middle;
}


*, *:after, *:before {
  -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
          box-sizing:border-box;
}


a {
	color:#545454;
	text-decoration:none;
}
a:hover { color:#c36000; }


.clearfix {
    clear: both;
    display: table;
}


#gotop {
    display:none;
    position:fixed;
    right:5px;
    bottom:10px;
    cursor:pointer;
	z-index:3;
}




/* header
----------------------------------------------------------------*/
header {
	position:relative;
	width:100%;
	height:42.55vw;
	background:url(../img/top-bg_2026.jpg) no-repeat;
	background-size:100%;
	overflow:hidden;
}

.triangle {
	position:absolute;
	right:0;
	bottom:0;
	width:0;
    height:0;
	border-style:solid;
    border-width:0 0px 13vw 100vw;
    border-color:transparent transparent #faecdf transparent;
	z-index:2;
}

.cloud_left, .cloud_right {
	position:absolute;
	z-index:5;
}

.cloud_left { width:18%; top:30vw; left:0; }
.cloud_right { width:25%; top:25vw; right:0; }

.cloud_left img, .cloud_right img { width:100%; }


@media screen and (max-width:1000px) {
	header {
		height:60vw;
	    background:url(../img/top-bg-sp_2026.png) no-repeat;
	    background-size:100%;
	}

	.triangle { display:none; }
	
	.cloud_left { width:22%; top:45vw; left:0; }
    .cloud_right { width:30%; top:32vw; right:0; overflow-x:hidden; }
	.cloud_right img { width:120%; }
}





/* content
----------------------------------------------------------------*/
#content {
	margin:0 auto; 
	width:100%;
	max-width:1400px;
	padding:30px 5%;
}


#content select {
	appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
	background:url(../img/arrow.png) right center transparent no-repeat;
	padding-left:5px;
	padding-right:30px;
}
#content select::-ms-expand { 
  display:none; 
}


.c_title {
	width:100%;
	text-align:center;
	padding-bottom:35px;
}


/* home
----------------------------------------------------------------*/
#h_news { position:relative;  width:100%; }
#h_news ul { width:100%; }
#h_news li {
	display:block;
	width:100%;
	padding:15px 20px;
	background:rgba(255,255,255,0.7);
	border-radius:8px;
	margin-bottom:3px;
}
#h_news li a { display:block; }

#h_news li .day {
	float:left;
	width:110px;
	color:#259693;
	letter-spacing:0;
}
#h_news li .info {
	float:left;
	width:calc(100% - 110px);
}

#h_news li:hover { background:#c66100; }
#h_news li:hover a { color:#FFF; }
#h_news li:hover .day { color:#ffd541; }

#h_news .more {
	position:absolute;
	top:85px;
	right:10px;
	font-size:90%;
	background:#f57a03;
	color:#FFF;
	padding:5px 15px;
	border-radius:99rem;
}
#h_news .more:hover {
	background:#543a20;
}
#h_news .more i { padding-right:5px; }


@media screen and (max-width:1400px) {
	#h_news .more { top:55px; }
}

@media screen and (max-width:1000px) {
	#h_news li .day { width:120px; }
	#h_news li .info { width:calc(100% - 120px); }
	#h_news .more { top:35px; }
}

@media screen and (max-width:780px) {
	#h_news li .day, #h_news li .info { float:none; width:100%; }
	#h_news li .day { border-bottom:#ccc 1px dashed; padding-bottom:5px; margin-bottom:10px; font-size:85%; }
	#h_news .more { top:35px; }
	.no_780 { display:none; }
}

@media screen and (max-width:540px) {
	#h_news .more { top:20px; padding:0; width:35px; height:35px; text-align:center; line-height:35px; }
	#h_news .more i { padding-right:0!important; }
}


#h_link {
	display:inline-flex;
	flex-wrap:wrap;
	width:100%;
	margin:50px 0;
}
.h_link {
	align-items:center;
	align-content:center;
	width:22.8%;
	background:#94c0b3;
	/*padding:20px;*/
	border-radius:10px;
	margin:1%;
	text-align:center;
	border:#FFF 2px solid;
	font-family:'Noto Sans TC', sans-serif;
	color:#1e493c;
	line-height:130%;
	-webkit-box-shadow: 0 1px 8px rgba(0,0,0,0.36);
    -moz-box-shadow: 0 1px 8px rgba(0,0,0,0.36);
    box-shadow: 0 1px 8px rgba(0,0,0,0.36);
}
.h_link p { line-height:60px; }
.h_link a {
	display:inline-block;
	width:50%;
	line-height:50px; 
	text-align:center;
	border-top:#FFF 1px solid;
	border-right:#FFF 1px solid;
}
.h_link a:hover { background:#c66100; color:#FFF; }


/*
.h_link:hover {
	background:#c66100;
	color:#FFF;
}*/
.h_link i { color:#FFF; font-size:150%; margin-bottom:10px; vertical-align:text-top; }

.h_link_w { display:block; background:#ffbd45; color:#6b3b1b; padding:20px; cursor:pointer; }
.h_link_w:hover { background:#c66100; color:#FFF; }


@media screen and (max-width:1000px) {
	.h_top { padding-top:24px; }
	.h_link a { line-height:55px; }
}

@media screen and (max-width:780px) {
	.h_link { width:48%; margin:2% 1%;  }
	.h_top { padding-top:20px; }
	/*.h_link_w { width:100%; }*/
}
@media screen and (max-width:380px) {
	.no_380 { display:none; }
}


.movie {
	float:left;
	width:30%;
	margin:1.5%;
	border:#ffbd45 10px solid;
	border-radius:8px;
	background:#ffbd45;
}
.movie p { color:#743b20; text-align:center; padding-top:5px; }

@media screen and (max-width:780px) {
	.movie { float:none; width:100%; margin:2% 0; }
}


.home_info {
	float:left;
	width:50%;
	padding:0 2%;
}
.home_info th { color:#13807d; width:100px; }
.home_info_t {
	color:#c66100;
	font-size:120%;
	font-family:'Noto Sans TC', sans-serif;
}

.home_memo {
	width:100%;
	border-top:#ccc 1px dashed;
	padding:0 2%;
	margin-top:2%;
}
.home_memo .ww1 { float:left; width:90px; padding-top:1.7%; }
.home_memo .ww2 { float:left; width:calc(100% - 90px); padding-top:2%; padding-bottom:3%; }



@media screen and (max-width:880px) {
	.home_info { float:none; width:100%; padding-bottom:30px; border-bottom:#c7c488 3px dotted; margin-bottom:20px; }
	.home_memo { border-top:none; margin-top:0; border-bottom:#c7c488 3px dotted; margin-bottom:50px; }
	.home_memo .ww1, .home_memo .ww2  { padding-top:0!important; }
}

@media screen and (max-width:640px) {
	.home_memo .ww1, .home_memo .ww2 { float:none; width:100%; }
}



.tt {
	font-size:3vw;
	color:#cc6500;
	text-align:center;
	font-family:'Noto Sans TC';
	font-weight:600;
	padding-bottom:50px;
}

@media screen and (max-width:740px) {
	.tt { font-size:5vw; }
}


/* youtube size
-------------------------------------------------------------------------- */
.iframe-16x9 {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}
.iframe-4x3 {
    position: relative;
    padding-bottom: 75%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}
.iframe-16x9 iframe, .iframe-4x3 iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}



/* news
----------------------------------------------------------------*/
.p_title {
	width:100%;
	text-align:center;
	font-family:'Noto Sans TC', sans-serif;
	font-size:150%;
	color:#964900;
	border-bottom:#FFF 4px dotted;
	padding-bottom:20px;
	margin-bottom:20px;
}

.p_day { width:100%; letter-spacing:0; font-size:13px; text-align:center; color:#838302; }

.news_info { width:100%; }
.news_info p { margin-bottom:20px; }
.news_info img { margin-bottom:20px; max-width:100%; }

.download { width:100%; margin-top:30px; }
.download .title { font-size:115%; color:#117670; font-family:'Noto Sans TC', sans-serif; margin-bottom:10px; }
.download ul { width:100%; }
.download li { display:inline-block; }
.download li a {
	display:block;
	font-size:90%;
	padding:10px 20px;
	border-radius:99rem;
	color:#FFF;
	background:#718953;
	margin-right:10px;
	margin-bottom:10px;
}
.download li a:hover { background:#333; }
.download li i { color:#ffd992; font-size:120%; vertical-align:middle; padding-right:4px; }



@media screen and (max-width:1400px) {
	.p_title { font-size:130%; }
}
@media screen and (max-width:1000px) {
	.p_title { font-size:120%; }
}






/* list
----------------------------------------------------------------*/
#list { width:100%;  }

#list ul { width:100%; }
#list li a {
	display:block;
	width:100%;	
	color:#FFF;
	padding:10px;
	background:#718953;
	border-radius:8px;
	margin-bottom:20px;
}
#list li a:hover { background:#333; }
#list li i { color:#ffd541; padding-right:3px; }

#list li ul { width:100%; font-size:85%; margin-top:5px;  }
#list li ul li { border-top:#a2b788 1px dotted;	padding:5px 8px; }
#list li ul li i { color:#c7e5a3; }

#list .no { background:#ffd541; color:#718953; padding:2px 5px; font-weight:bold; border-radius:5px; font-size:90%; margin-right:5px; }

#list .edit { width:100px; background:#a44e00; padding:3px 8px; color:#FFF; font-size:14px; border-radius:3px; border:#e98b34 1px solid; margin-left:5px; }

#list .print { width:100px; background:#ff9a3e; padding:3px 8px; color:#FFF; font-size:14px; border-radius:3px; border:#e98b34 1px solid; margin-left:5px; }


#school { width:100%; margin-top:30px; }

#school ul {
	width:100%;
	max-height:50vh;
	background:#ccc;
	overflow-x: hidden;
	overflow-y: auto;
}
#school li a {
	display:block;
	width:100%;	
	color:#FFF;
	padding:10px;
	background:#718953;
	border-bottom:#4f6436 2px solid;
}
#school li a:hover { background:#333; }
#school li i { color:#ffd541; padding-right:5px; } 

#school .edit { width:100px; background:#a44e00; padding:3px 8px; color:#FFF; font-size:14px; border-radius:3px; border:#e98b34 1px solid; margin-right:5px; }
#school li input[type="checkbox"] { width:25px!important; height:25px!important; vertical-align:middle; margin-right:5px; }


/* login
----------------------------------------------------------------*/
.login_s {
	padding-top:15px;
	text-align:center;	
}
.login_s i { color:#f47a02; padding-right:3px; }
.login_s a { padding-right:15px; }

@media screen and (max-width:540px) {
	.login_s a { display:block; text-align:left; padding:5px 0; }
}





/* form
----------------------------------------------------------------*/
#R_fome { width:100%; margin-top:20px; }

#R_fome ul { width:100%; }
#R_fome li {
	width:100%;	
	background:#718953;
	border-radius:8px;
	margin-bottom:3px;
}

#R_fome li .school {
	float:left;
	width:calc(100% - 190px);
	color:#FFF;
	padding:15px;
}
#R_fome li .school i { color:#ffd541; padding-right:3px; }

#R_fome li a { color:#d7ffa4; }
#R_fome li a:hover { text-decoration:underline; }

#R_fome li .dw {
	float:left;
	width:190px;
	text-align:right;
	padding:10px 15px;
}

#R_fome .btn {
	font-size:15px;
	letter-spacing:0.05rem; 
	background:#bb6e6e;
	border:#eee 1px solid;
	color:#FFF;
	padding:5px 10px;
	border-radius:5px;
	margin-bottom:0!important;
}
#R_fome .btn i { padding-right:4px; }
#R_fome .btn:hover { background:#333; text-decoration:none; }
#R_fome p span { color:#ffdeab; }


@media screen and (max-width:780px) {
	#R_fome li { margin-bottom:15px; }
	#R_fome li .school, #R_fome li .dw { float:none; width:100%; }
	#R_fome li .school { padding:10px 15px; border-bottom:#ccc 1px dashed; }
	#R_fome .btn { margin:5px!important; }
}



.info_title {
	width:100%;
	color:#FFF;
	font-size:110%;
	background:#537889;
	text-align:center;
	border-top-left-radius:15px;
	border-top-right-radius:15px;
	padding:10px 15px;
	border-bottom:#faecdf 1px solid;
	margin-top:30px;
}

.info_f {
	display:inline-flex;
	flex-wrap:wrap;
	width:100%;
	background:#FFF; 
}


.info_f .td {
	align-items:center;
	align-content:center;	
	color:#FFF;
	font-size:90%;
	text-align:center;
	border:#ccc 1px solid;
	border-top:none;
	border-left:none;
}

.info_f .top, .info_f .top3 { background:#718953; line-height:69px; text-align:center; display:none; }
.info_f .top2 { background:#718953; line-height:34px; text-align:center; display:none; }
.info_f .top4 { background:#718953; line-height:34px; text-align:center; display:none; }

.info_f .info { color:#333; line-height:40px; }
	
.info_f .w1 { width:90px; }
.info_f .w2 { width:90px; }
.info_f .w3 { width:250px; border-right:none; }
.info_f .w4 { width:calc(100% - 520px); text-align:left; }
.info_f .w5 { width:90px; }
.info_f .w6 { width:calc(100% - 450px); text-align:left; }

.info_f .w3 table { width:100%; }
.info_f .w3 td {
	width:33.33333333333333%;
	border-right:#ccc 1px solid;
}
.info_f .w3 td:nth-last-child(1) { border-right:none; }

.info_f .info td { line-height:42px; }
.info_f .info i { color:#e86565; font-size:25px; vertical-align:middle; }

.info_f .school { padding:10px; line-height:22px; }

.show_pc { display:block!important; }


.info_f .n1 { width:60px; }
.info_f .n2 { width:20%; }
.info_f .n3, .info_f .n4 { width:calc((80% - 60px) / 2);  }



@media screen and (max-width:1000px) {
	.info_title { background:none; color:#4f708e; font-size:105%; font-weight:600; }
	.info_f_box1 {
		margin:15px 0; border-radius:10px; overflow:hidden; border:#ccc 1px solid;		
	    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.26);
        -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.26);
        box-shadow: 0 1px 4px rgba(0,0,0,0.26);
	}
	.info_f .top, .info_f .top2, .info_f .top3 { display:block; }
	.info_f .top { line-height:34px; }
	.info_f .w1 { width:calc(100% / 5); }
	.info_f .w4 { width:calc(100% - (100% / 5));}
	.info_f .w2 { width:calc(100% / 5); }
	.info_f .w3 { width:calc((100% / 5) * 3); }
	.info_f .w5 { width:calc(100% / 4); }
	.info_f .w6 { width:calc(100% - (100% / 4));}
}

@media screen and (max-width:740px) {
	.info_f_box2 {
		margin:15px 0; border-radius:10px; overflow:hidden; border:#ccc 1px solid;		
	    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.26);
        -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.26);
        box-shadow: 0 1px 4px rgba(0,0,0,0.26);
	}
	.info_f .top4 { display:block; }
	.info_f .n2 { width:30%; }
	.info_f .n3 { width:calc(70% - 60px); }
	.info_f .n4 { width:100%; }
	.info_f .n3 .info { letter-spacing:0; }
}

@media screen and (max-width:540px) {
	.info_f_box2 { font-size:95%; }
	.info_f .n1 { width:40px; letter-spacing:0; }
	.info_f .n3 { width:calc(70% - 40px); }
	.info_f .n3 .info { font-size:14px; }
}





.info_f2 {
	display:inline-flex;
	flex-wrap:wrap;
	width:100%;
	background:#FFF; 
}


.info_f2 .td {
	align-items:center;
	align-content:center;	
	color:#FFF;
	font-size:90%;
	text-align:center;
	border:#ccc 1px solid;
	border-top:none;
	border-left:none;
}

.info_f2 .top, .info_f2 .top3 { background:#718953; line-height:104px; text-align:center; display:none; }
.info_f2 .top2 { background:#718953; line-height:34px; text-align:center; display:none; }
.info_f2 .top4 { background:#718953; line-height:34px; text-align:center; display:none; }

.info_f2 .info { color:#333; line-height:40px; }
	
.info_f2 .w1 { width:90px; }
.info_f2 .w2 { width:90px; }
.info_f2 .w3 { width:350px; border-right:none; }
.info_f2 .w4 { width:calc(100% - 620px); text-align:left; }
.info_f2 .w5 { width:50px; }
.info_f2 .w6 { width:calc(100% - 620px); text-align:left; }


.info_f2 .w3 table { float:left; width:100%; }
.info_f2 .w3 td, .info_f2 .w3 th {
	width:14.285%;
	border:#ccc 1px solid;
	border-left:none;
	background:#718953;
}
.info_f2 .w3 td { background:#FFF; color:#000; border-bottom:0; border-top:0; line-height:41px; }

.info_f2 .school { padding:10px; line-height:22px; }




.info_f2 .info td { line-height:42px; }



@media screen and (max-width:1200px) {
	.info_f2 { font-size:80%; }
}


@media screen and (max-width:1000px) {
	.info_f2 { font-size:100%; }
	.info_f2 .top, .info_f2 .top2, .info_f2 .top3 { display:block; }
	.info_f2 .top { line-height:34px; }
	.info_f2 .w3 { width:100%; }
	.info_f2 .w4 { width:calc(100% - 270px); }
	.info_f2 .w5 { width:90px; }
	.info_f2 .w6 { width:calc(100% - 270px); }

}

@media screen and (max-width:640px) {
	.info_f2 { font-size:90%; }
	.info_f2 .w1 { width:70px; }
    .info_f2 .w3 { width:100%; }
	.info_f2 .w2, .info_f2 .w5 { width:calc(100% / 7); }
	.info_f2 .w4 { width:calc(100% - (100% / 7) - 140px); }
	.info_f2 .w6 { width:calc(100% - 210px); }
}





.info_f3 {
	display:inline-flex;
	flex-wrap:wrap;
	width:100%;
	background:#FFF; 
}


.info_f3 .td {
	align-items:center;
	align-content:center;	
	color:#FFF;
	font-size:90%;
	text-align:center;
	border:#ccc 1px solid;
	border-top:none;
	border-left:none;
}

.info_f3 .top { background:#718953; line-height:104px; text-align:center; display:none; }
.info_f3 .top2 { background:#718953; line-height:34px; text-align:center; display:none; }
.info_f3 .top2 p { border-right:#ccc 1px solid; }

.info_f3 .info { color:#333; line-height:40px; }
	
.info_f3 .w1 { width:90px; }
.info_f3 .w2 { width:calc(100% - 720px); text-align:left; }
.info_f3 .w3 { width:450px; border-right:none; }

.info_f3 .w3 table { width:100%; }
.info_f3 .w3 th { background:#718953; border:#ccc 1px solid; width:11.11111%; }
.info_f3 .w3 th:nth-child(1) { border-left:none; }
.info_f3 .w3 td { border-right:#ccc 1px solid; width:11.11111%; }


.info_f3 .school { padding:10px; line-height:22px; }
.info_f3 .info td { /*line-height:42px;*/ }

.info_f3 .w12 { color:#000; padding:8px; }


@media screen and (max-width:1200px) {
	.info_f3 { font-size:80%; }
	.info_f3 .w1 { width:70px; }
	.info_f3 .w2 { width:calc(100% - 610px); }
	.info_f3 .w3 { width:400px; }
	.info_f3 .w12 { padding:11px 5px 0; }
}


@media screen and (max-width:1000px) {
	.info_f3 { font-size:100%; }
	.info_f3 .top, .info_f3 .top2 { display:block; }
	.info_f3 .top { line-height:34px; }
	
	.info_f3 .w3 th:nth-last-child(1) { border-right:none; }
	.info_f3 .w3 td:nth-last-child(1) { border-right:none; }
	.info_f3 .top2 p { border-right:none; }
	
	.info_f3 .w1 { width:100px; }
	.info_f3 .w2 { width:calc(100% - 300px); }
	.info_f3 .w3 { width:100%; }
	
	.info_f3 .w12 { padding:10px; }
}

@media screen and (max-width:640px) {
	.info_f3 { font-size:90%; }
	.info_f3 .w1 { width:80px; }
	.info_f3 .w2 { width:calc(100% - 240px); }
	.info_f3 .w11 { padding:10px 2px; }
	.info_f3 .w12 { padding:10px 8px; }
	
}

@media screen and (max-width:540px) {
	.info_f3 .w1, .info_f3 .w2 {
		display:inline-flex;
	    flex-wrap:wrap;
	    width:100%;
		background:#718953;
	}
	.info_f3 .w11, .info_f3 .w12 {
	    align-items:stretch;
	    align-content:stretch;
		padding:0!important;
		margin:0!important;
	}
	.info_f3 .w11 { width:80px; }
	.info_f3 .w12 { width:calc(100% - 80px); text-align:left; background:#FFF; padding:6px!important; }
}









.content { position:relative; margin:0 auto; width:100%; max-width:1400px; padding:3% 4%; }

.c_title2 { text-align:right; }

.content input[type="text"], .content input[type="password"], select { width:100%; border:0; padding:0; }
.content select {
	appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
	background:url(../img/arrow.png) right center transparent no-repeat;
	padding-left:5px;
	padding-right:30px;
}
.content select::-ms-expand { 
  display:none; 
}

.content input[type="radio"] { width:20px; height:20px; vertical-align:middle; margin-right:3px; }
.content input[type="checkbox"] { width:20px; height:20px; vertical-align:middle; margin-right:5px; }


.p_line {
	width:100%;
	height:4px;
	border-bottom:#FFF 4px dotted;
	margin-top:5%;
}

.show_1000 { display:none; }
.show_540 { display:none; }

.addr_1 { width:100px; }
.addr_3 { width:100px; }
.addr_2_6 { width:calc(100% - 200px)!important; margin-left:1px; }

.addr_2 { width:calc(100% - 350px)!important; margin-left:1px; border-bottom:#888 1px dashed!important; }
.addr_4 { width:calc(100% - 450px)!important; margin-left:1px; border-bottom:#888 1px dashed!important; }
.addr_5 { margin-left:5px; border-bottom:#888 1px dashed!important; }
.addr_4_5 { width:200px!important; margin-left:1px; border-bottom:#888 1px dashed!important; }
.addr_2_1 { width:150px!important; margin-left:1px; border-bottom:#888 1px dashed!important; }
.addr_2_4 {  margin-left:1px; }

.addr_2_2 {   margin-left:1px; border-bottom:#888 1px dashed!important; }

.phone { width:48%!important; border-bottom:#888 1px dashed!important; margin-right:2%;  }


@media screen and (max-width:1400px) {
	.c_title img, .c_title2 img { width:auto; height:80px; }
}

@media screen and (max-width:1000px) {
	.c_title, .c_title2 { text-align:center; }
	.c_title img, .c_title2 img { height:70px; }
	.no_1000 { display:none; }
	.show_1000 { display:block; }
	.content input[type="radio"] { margin:10px 5px; }
}

@media screen and (max-width:780px) {
	.addr_2 { width:100%!important; margin-left:0; margin-top:15px; }
    .addr_4 { width:100%!important; margin-left:0; margin-top:15px; }
	.addr_5 { width:100%!important; margin-left:0; margin-top:15px; }

	.phone { width:100%!important; margin-left:0; margin:10px 0; }
}

@media screen and (max-width:540px) {
	.c_title img, .c_title2 img { height:50px; }
	.show_540 { display:inline; }
	.no_540 { display:none; }	
}



/* form
----------------------------------------------------------------*/
.search_title {
	color:#000;
	font-family:'Noto Sans TC', sans-serif;
	font-size:25px;
	font-weight:400;
	margin-bottom:5px;
}
.search_title img { vertical-align:text-bottom; }

.search_h {
	float:left;
	width:220px;
	color:#FFF;
	text-align:center;
	line-height:50px;
	border-top-left-radius:99rem;
	border-bottom-left-radius:99rem;	
}
.search_h i { padding-right:3px; }

.c1 { background:#bb8521; }
.c2 { background:#718953; }
.c3 { background:#537889; }
.c4 { background:#665280; }

.search_form {
	float:left;
	width:calc(100% - 220px);
	padding:0 20px 0 10px;
	line-height:50px;
	background:#FFF;
	border-top-right-radius:99rem;
	border-bottom-right-radius:99rem;
}

.search_h, .search_form { margin-top:12px; }

.search_memo {
	width:100%;
	padding-left:220px;
	font-size:80%;
}


@media screen and (max-width:1000px) {
	.search_h, .search_form {
		float:none;
		width:100%;
		margin:0;
		border-radius:0;
		font-size:18px;
		-webkit-box-shadow: 0 1px 6px rgba(0,0,0,0.26);
        -moz-box-shadow: 0 1px 6px rgba(0,0,0,0.26);
        box-shadow: 0 1px 6px rgba(0,0,0,0.26);
	}
	.search_h { text-align:left; padding-left:20px; }
	.search_form { line-height:25px; padding:14px 20px; }
	.search_top {
	    border-top-left-radius:15px;
		border-top-right-radius:15px;
	}
	.search_bottom {
	    border-bottom-left-radius:15px;
	    border-bottom-right-radius:15px;
	}
	.search_memo { padding:0 15px 10px;  }
}

@media screen and (max-width:440px) {
	.no_440 { display:none; }
}


.search_ph {
	float:left;
	width:100px;
	color:#FFF;
	text-align:center;
	line-height:50px;
}
.search_pf {
	float:left;
	width:calc((100% - 300px) / 2);
	padding:0 20px 0 10px;
	line-height:50px;
	background:#FFF;
}
.search_pf input { border:none; width:100%; }


.search_pbtn a {
	float:left;
	display:block;
	width:100px;
	color:#FFF;
	background:#9a425e;
	line-height:50px;
	text-align:center;
	border-top-right-radius:99rem;
	border-bottom-right-radius:99rem;
}
.search_pbtn i { color:#ffb52e; padding-right:3px; }
.search_pbtn a:hover { background:#435232; }

.search_p_left {
	border-top-left-radius:99rem;
	border-bottom-left-radius:99rem;
}
.search_p_right {
	border-top-right-radius:99rem;
	border-bottom-right-radius:99rem;
}


@media screen and (max-width:1000px) {
	.search_ph, .search_pf, .search_pbtn a { float:none; width:100%; }
	.search_pbtn a { border-radius:0; border-bottom-left-radius:15px; border-bottom-right-radius:15px; }
	.search_p_left { border-radius:0; border-top-left-radius:15px;	border-top-right-radius:15px; }
	.search_p_right { border-radius:0; border-bottom-left-radius:15px;	border-bottom-right-radius:15px; }
}



/* answer
----------------------------------------------------------------*/
.box-wrap {
	width:100%;
	text-align:center;
}

.box-wrap .toggle {
    width:25%;
	color:#FFF;
	font-size:1.5vw;
	text-align:center;
	background:#9a425e;
	border:#FFF 3px solid;
	border-radius:99rem;
	padding:12px 0;
	letter-spacing:4px;
	-webkit-box-shadow: 0 1px 8px rgba(0,0,0,0.36);
    -moz-box-shadow: 0 1px 8px rgba(0,0,0,0.36);
    box-shadow: 0 1px 8px rgba(0,0,0,0.36);
}
.box-wrap .toggle:hover {
	background:#435232;
}

.box-wrap .toggle i { color:#ffb52d; padding-right:5px; }

.box {
	position:relative;
    display:block;
    width:100%;
    height:0;
	text-align:left;
    background-color:#eee;
    transition:height 0.35s ease;
    overflow:hidden;
	background:url(../img/anser-bg.png) center center no-repeat;
	background-size:cover;
}

.box_info {
	width:100%;
	padding:5%;
	padding-left:35%;
}
.box_info p {
	font-size:28px;
	color:#0f6d95;
	text-align:center;
	padding-bottom:30px;
}
.box_info p img { max-width:80%; }

.box_info ul { list-style:decimal; padding-left:2rem; }

.color1 { color:#ff3000; letter-spacing:0; }
.color2 { color:#2f8515; }
.color1, .color2 { font-weight:600; }

.box_img {
	position:absolute;
	bottom:0;
	left:0;
	width:34%;
}
.box_img img { width:100%; }




@media screen and (max-width:1200px) {
	.box-wrap .toggle { width:40%; font-size:20px; }
}

@media screen and (max-width:1000px) {
	.box-wrap .toggle { width:50%; }
	.box_info {	padding:5%; }
	.box_img { display:none; }
	.box_info p { font-size:24px; }
}

@media screen and (max-width:740px) {
	.box_info {	padding:10% 6% 100px 6%; }
}


@media screen and (max-width:540px) {
	.box-wrap .toggle { width:80%; }
}




/* btn
----------------------------------------------------------------*/
.btn_area {
	width:100%;
	text-align:center;
	margin-top:40px;
}
	
.btn, .toggle {
	display:inline-block;
	color:#FFF;
	font-size:1.5vw;
	text-align:center;
	border:#FFF 3px solid;
	border-radius:99rem;
	padding:12px 0;
	letter-spacing:4px;
	-webkit-box-shadow: 0 1px 8px rgba(0,0,0,0.36);
    -moz-box-shadow: 0 1px 8px rgba(0,0,0,0.36);
    box-shadow: 0 1px 8px rgba(0,0,0,0.36);
	margin-bottom:50px;
}

.btn_c1 { background:#9a425e; }
.btn_c2 { background:#4f708e; }
.btn_c3 { background:rgba(0,120,43,1.00); }

.btn:hover { background:#435232; color:#FFF; }

.btn i, .toggle i { color:#ffb52d; }



.btn_s1 { width:20%; }
.btn_s2 { width:20%; }
.btn_s3 { width:20%; }
.btn_s3 i { padding-right:3px; }
.btn_s4 { width:20%; }
.btn_s5 { width:40%; margin:1%; border-radius:99rem!important;  }


@media screen and (max-width:1000px) {
	.btn_s1 { width:45%; font-size:20px; }
	.btn_s3 { width:30%; font-size:20px; }
	.btn_s4 { width:45%; font-size:20px; }
}
@media screen and (max-width:540px) {
	.btn_s4 { width:80%; margin:8px 0; }
	.btn_s3 i { display:none; }
	.btn_s3 { letter-spacing:0; }
	.btn_s5 { width:86%; margin:8px 0!important;  }
}

	
	


/* link
----------------------------------------------------------------*/
#link { position:relative; width:100%; height:18vw; background:#c7c488; padding:3.5% 0; }

.link { position:absolute; width:100%; padding-left:270px; z-index:5; }

.link_title {
	position:absolute;
	top:-30px;
	left:3%;
	width:206px;
}
.link_title img { width:100%; }

.link_btn {
	display:inline-block;
	width:25%;
	text-align:center;
	border-radius:99rem;
	background:#838302;
	font-size:1.5vw;
	color:#FFF;
	text-align:center;
	line-height:4vw;
	margin:0.5vw;
}

.link_btn2 {
	display:inline-block;
	width:25%;
	text-align:center;
	border-radius:99rem;
	background:#ce004b;
	font-size:1.3vw;
	color:#FFF;
	text-align:center;
	line-height:4vw;
	margin:0.5vw;
font-weight:600;
}


.link_btn:hover, .link_btn2:hover {
	background:#435232;
	color:#FFF;
}


@media screen and (max-width:1200px) {
	.link { padding-left:20%; }
	.link_title { width:15%; }
	.link_btn , .link_btn2 { width:30%; line-height:4.5vw; }
}

@media screen and (max-width:1000px) {
	#link { height:auto; }
	.link { position:static; width:100%; padding-left:25%; z-index:0; }
    .link_title { width:20%; }
	.link_btn,.link_btn2 { width:45%; font-size:18px; line-height:50px; margin:1.5% 1%; }
}

@media screen and (max-width:640px) {
	#link { padding:40px 0; }
	.link_title { width:30%; }
	.link { padding-left:35%; padding-right:5%; }
	.link_btn , .link_btn2{ width:100%; margin:2% 0; letter-spacing:0;  }
}



/* agree
----------------------------------------------------------------*/
.agree ul { width:100%; }
.agree ul li { padding-top:12px; }
.agree ul li ul { padding-left:35px; }
.agree ul li ul li { padding-top:0; }
.agree ul li ul li ul { padding-left:60px; list-style:decimal; }

@media screen and (max-width:740px) {
	.agree ul { padding-left:0!important; }
	.agree ul li ul li ul { padding-left:3rem!important; }
}




/* select age
----------------------------------------------------------------*/
.select_age {
	text-align:center;
	padding:30px 0 10px;
}
.select_age a {
	display:inline-block;
	width:200px;
	color:#774d01;
	background:#ffbd45;
	padding:10px;
	border:#FFF 2px solid;
	border-radius:10px;
	margin:0 10px; 
}
.select_age a:hover {
	background:#c66100;
	color:#FFF;
}
.select_age a img { width:60px; }

@media screen and (max-width:540px) {
	.select_age a {	margin:0 8px; width:40%; }
}


.checkin_school {
	text-align:center;
	padding:30px 0;
}
.checkin_school a {
	display:inline-block;
	width:42%;
	padding:10px 20px;
	background:#718953;
	border-radius: 10px;
	border:#FFF 2px solid;
	margin:0 3%;
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.25);
    box-shadow: 0 1px 5px rgba(0,0,0,0.25);
}
.checkin_school a li {
	color:#EEE;
	font-size:85%;
	text-align:left;
	padding:8px 0;
	border-bottom:#a2b788 1px dotted;
}
.checkin_school a li i { color:#ffd541; padding-right:3px; }
.checkin_school a li span { color:#b6e591; }
.checkin_school a li:nth-child(1) { color:#FFF; font-size:100%; text-align:center; }
.checkin_school a li:nth-last-child(1) {
	font-size:120%;
	color:#FFF;
	text-align:center;
	border-bottom:hidden;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}
.checkin_school a:hover { background:#333; }

.checkin_school .c1 { background:#9a425e; }
.checkin_school .c2 { background:#4f708e; }


@media screen and (max-width:1400px) {
	.checkin_school a { width:46%; margin:0 1.5%;  } 
}
@media screen and (max-width:1000px) {
	.checkin_school a { width:100%; margin:2% 0;  } 
}




/* footer
----------------------------------------------------------------*/
footer { position:relative; width:100%; background:#8d8b61; }

footer img {
	position:absolute;
	right:0;
	bottom:0;
	width:50%;
	z-index:0;
}

.footer {
	width:50%;
	text-align:right;
	color:#e7e7e0;
	font-size:14px;
	padding:3.5% 0;
	padding-right:4%;
}

@media screen and (max-width:1200px) {
	.footer { font-size:11px; }
}

@media screen and (max-width:1000px) {
	footer img { width:30%; }
	.footer { width:70%; padding-left:5%; }
}

@media screen and (max-width:640px) {
	footer img { width:40%; }
	.footer { width:60%; }
}

@media screen and (max-width:480px) {
	footer img { display:none; }
	.footer { width:100%; text-align:center; padding:8% 5%; }
}