@charset "utf-8";

#wrap {min-height:calc(100vh - 50px);}

#header {position:fixed; left:0; top:0; width:100%; height:50px; background-color:#073b62; z-index:900;}
#header h1 {height:20px; padding:15px 45px; font-size:18px; line-height:20px; color:#fff; text-align:center;}
#header a {position:absolute; display:block; width:45px; height:50px; font-size:0; line-height:0; background-repeat:no-repeat; background-position:center center; background-size:cover;}
#header a.back {left:0; top:0; background-image:url(../images/assets/ic_back@2x.png);}
#header a.back:active {background-image:url(../images/assets/ic_back_sel@2x.png);}
#header a.home {right:0; top:0; background-image:url(../images/assets/ic_home@2x.png);}
#header a.home:active {background-image:url(../images/assets/ic_home_sel@2x.png);}
#header a.refresh {right:45px; top:0; background-image:url(../images/assets/ic_refresh@2x.png);}
#header a.refresh:active {background-image:url(../images/assets/ic_refresh_sel@2x.png);}
#header a.close {right:0; top:0; background-image:url(../images/assets/ic_close@2x.png);}
#header a.close:active {background-image:url(../images/assets/ic_close_sel@2x.png);}

#container {min-width:245px; margin-top:50px;}

#popup {padding:25px;}
#popup #header {position:relative; height:54px; background-color:#fff;}
#popup #header h1 {height:16px; padding:29px 0 8px 0; margin:0 25px; font-size:14px; line-height:14px; color:#073b62; text-align:left; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#cce0f0;}
#popup #header h2 {position:absolute; right:25px; top:29px; font-size:14px; line-height:14px; font-weight:normal; color:#1b3adb;}
#popup #container {min-width:230px; padding:15px 25px 25px 25px; margin-top:0; background-color:#fff;}

#popup1 {padding:25px;}
#popup1 #header {position:relative; height:54px; background-color:#fff;}
#popup1 #header h1 {height:16px; padding:29px 0 8px 0; margin:0 25px; font-size:14px; line-height:14px; color:#073b62; text-align:left; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#cce0f0;}
#popup1 #header h2 {position:absolute; right:25px; top:29px; font-size:14px; line-height:14px; font-weight:normal; color:#1b3adb;}
#popup1 #container {padding:15px 25px 25px 25px; margin-top:0; background-color:#fff;}

@media all and (max-width:435px) {
	#header.small h1 {font-size:14px; line-height:16px;}
}

@media all and (max-width:356px) {
	#header.small h1 {height:27px; padding-top:8px;}
}