@charset "UTF-8";

/* Top Section */
#top_section{width:100%;background:#252525;}
#top_section .family_total{background:#fff; font-size:small; border-bottom:1px solid #252525; padding:15pt 0; display:none;}
#top_section .family_total h1{position:relative; display:block;}
#top_section .family_total h1 span{display:inline; background:#cf1429; border-radius:15px; padding:3px 10px 2px 10px; color:#fff;  letter-spacing:0.5px;}
#top_section .family_total h1 .f_close{position:absolute; right:0; top:0px; cursor:pointer;}
#top_section .family_total h1 .f_close i{color:#cf1429; font-size:xx-large;}
#top_section .family_total ul{display:block; padding-top:10px; font-size:0;}
#top_section .family_total ul li{display:inline-block; width:30%; font-size:x-small;margin:5px 0 0 10px;}
#top_section .family_total ul li a{color:#555;}
#top_section .family_total ul li a h1{
	display:inline-block; font-size:small; color:#252525; padding:0 10px; background:url(/images/common/aw_red.png) no-repeat 0 48%;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
#top_section .family_total ul li a:hover, #top_section .family_total ul li a:hover h1{color:#cf1429;}
#top_section .top_section{overflow:hidden;}
#top_section .top_section a{display:inline-block; height:100%; vertical-align:middle; color:#959595; height:24pt; font-size:90%;}
#top_section .top_section a:before{content: ''; display: inline-block; height: 100%; vertical-align: middle;}
#top_section .top_section a:hover{color:#fff !important;}
#top_section .top_section a.login{font-weight:bold; color:#ccc;}
#top_section .top_section i{font-size:medium;}
#top_section .top_section ul{font-size:0;}
#top_section .top_section ul li{display:inline-block; padding:0 10px; border-left:1px solid rgba(255,255,255,0.1); font-size:small;}
#top_section .top_section ul li:last-child{border-right:1px solid rgba(255,255,255,0.1);}
#top_section .top_section ul li.btn_educhosun{background:#fff; height:100%;}
#top_section .top_section ul li.btn_educhosun img{vertical-align:middle;}
#top_section .top_section ul li.family_link a{display:inline-block; margin-right:10px;}
#top_section .top_section ul li.family_link a.s_btn{
	display:inline; background:rgba(255,255,255,0.15); color:#fff; padding:2px 3px; vertical-align:middle; cursor:pointer; font-size:x-small;

}
#top_section .top_section ul li.family_link a.s_btn i{font-size:small; vertical-align:middle;}
#top_section .top_section ul.fr a i{display:none;}


/* Footer */
footer{width:100%; padding:20pt 0; border-top:3px solid #252525; z-index:0;}
footer .logo{margin-bottom:10pt;}
footer .logo img{max-width:230px;}
footer .copyright{padding-left:46pt; font-size:0; color:#555;}
footer .copyright a{display:inline-block; font-size:small; color:#555;}
footer .copyright a:hover{color:#000;}
footer .copyright a:after{content:"|"; font-size:x-small; color:#c4c4c4; margin:0 5pt; vertical-align:1.2pt}
footer .copyright a:last-child:after{display:none;}
footer .copyright span{display:inline-block; font-size:x-small; word-break:break-all;}
footer .copyright span:after{content:"|"; font-size:xx-small; color:#c4c4c4; margin:0 5pt; vertical-align:1.2pt}
footer .copyright span:last-child:after{display:none;}
footer .copyright p{padding-top:3pt; font-weight:500; font-size:x-small;}
footer .familysite{position:absolute; top:0; right:0; z-index:0; }
footer .familysite > label > select{
    padding:5px 10px; margin:0; background:#fff; border:1px solid #ddd; color:#666; min-width:150px; height:24pt; font-size:small; outline:none; cursor:pointer;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
}
footer .familysite > label > select::-ms-expand {display: none;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    footer .familysite > label > select {padding-right:18px}
}
footer .familysite > label {position:relative}
footer .familysite > label:after {
    content:'>';
    font:medium "Consolas", monospace;
    color:#666;
    right:8px; top:50%; margin-top:3px;
    position:absolute;
    pointer-events:none;
	transform: translate(0%, -50%) rotate(90deg);
	-webkit-transform: translate(0%, -50%) rotate(90deg);
	-moz-transform: translate(0%, -50%) rotate(90deg);
	-ms-transform: translate(0%, -50%) rotate(90deg);
}
footer .familysite > label:after{display:none \ ;}


@media only screen and (max-width: 1200px) {
	#top_section .inner{width:100%;}
	#top_section .family_total .inner{width:98%;}
}

@media only screen and (max-width: 980px) {
	#top_section .family_total ul li{width:46%;}

}

@media only screen and (max-width:768px) {
	#top_section .top_section ul.fr a{font-size:0;}
	#top_section .top_section ul.fr a i{display:inline-block;}
}

@media only screen and (max-width:600px){
	#top_section .top_section ul li.family_link{border:0;}
	#top_section .top_section ul li.family_link a{display:none;}
	#top_section .family_total ul li span{display:block; padding:2pt 0 2pt 7pt;}

	footer .logo img{max-width:180px;}
	footer .copyright{padding-left:35pt;}
}

@media only screen and (max-width: 425px) {
	#top_section .family_total ul li a span{display:none;}
	footer .logo img{max-width:130px;}
	footer .copyright{padding-left:0pt; text-align:center;}
	footer .copyright a{font-size:x-small;}
	footer .copyright a:after{font-size:xx-small; margin:0 3pt; vertical-align:0.5pt}
	footer .copyright span{display:block; font-size:x-small; word-break:break-all; line-height:120%;}
	footer .copyright span:after{content:""; margin:0;}
	footer .copyright p{padding-top:5pt; font-weight:300; font-size:xx-small;}

	footer .familysite > label > select{padding:5px; min-width:100px; height:20pt; font-size:x-small;}
}