@charset "utf-8";
/* @import url(common.css); */
#wrap{ position: relative; width:100%;min-height:100%;margin:0 auto; background:#fff url(../images/contents_bg.gif) 50% 0 repeat-y; }
#wrap #header{width:100%;margin:0 auto;  background:#fff}
.header_top {width:1050px; clear:both; overflow:hidden; padding:1px 0;margin:0 auto;}
.header_top p img{float:left;}

.util {float:right; margin-top:20px}
.util ul{float:left;}
.util ul li{float:left}
.util ul li a{display:inline-block;padding:0 5px 0 5px;line-height:12px;color:#777}
.util a img{margin-top:-5px}
.util ul li a:hover{color:#F60; text-decoration:none }
.util ul li :after{content: '|';color:#c6c6c6; padding-left:5px}
.util ul li .last:after{content: '';}
.util p {float:right; padding:0 0 0 5px;}

/


/* newpop-up */
#mask {background: #333;position:fixed;left: 0;top:0; z-index:10;width:100%; height:100%;opacity:0.5;z-index:999;}
/* .new-popup{background: #fff;padding:0; margin:0;font-size:1.2em;top: 48%;left: 50%;z-index: 99999;overflow:auto; border-radius:10px;overflow-x:hidden; width:98%} */
.new-popup .close {position:absolute;top:15px;right:15px;}
.new-popup .new_main {position:relative;width:100%;overflow-x:hidden; }
/* .new-popup .new_main h1{display:block;width:100%; padding:20px 30px;font-size:15px; font-weight:700}  */
.new-popup .new_main .logo {display:block;width:100%; padding:20px 30px; color:#fff; font-size:20px;background:#052e6e; font-weight:700}
.new-popup .new_main h1 span{}
.new_contents {clear:both;border:0px solid;padding:20px 30px 30px 30px;}
.new_contents  h1{font-size:1.3em;display:block;width:100%; padding:20px 30px;font-weight:700}
.new_contents  h2{font-size:1.1em;}
.new_contents  h3{font-size:0.9em;}
.new_contents  h4{font-size:0.7em;}
.new_contents  h5{font-size:0.6em;}
.new_contents  h6{font-size:0.4em;}




@import url(https://fonts.googleapis.com/css?family=Arimo:400,700);
@charset "UTF-8";
/* html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video{margin:0;padding:0;border:0;} */
/* HTML5 display-role reset for older browsers  */
/* article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} */
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after{content: '';content: none;}
h1,h2,h3,h4,h5,h6 {text-align:left; font-weight:bold}
/* ol,ul,li,dd,dt,dl{list-style:none;} */
/* ol,ul,li,dd,dt,dl p{text-align:left;font-weight:normal;margin-left:10px; }  */
html,body {width:100%;height:100%;}
body{background:#fff url(../images/contents_bg.gif) repeat-y; overflow-x:auto}
body,input,textarea,select,button,pre{color:black;line-height:130%;font-family: 'Times New Roman', sans-serif; }
* {padding:0;margin:0;font-size:18px;}
img {border:none;vertical-align: middle;}
i,em,address{font-style:normal}
a {text-decoration:none; color:#666 }
a:link {}
a:visited {}
a:hover {text-decoration:none; color:#F60}
caption{display:none;}
option{padding-right:6px}
legend{width:0}
 ol,ul,li,dd,dt,dl {text-align:left;font-weight:normal;margin-left:10px;list-style:decimal} 







/* color */

.point{color:#039cec !important}
.bgpoint{background:#fa7b8b !important}
.gray_F{color:#999}
.black{color:#000}
.green{color:#b0fc00;}
.blue{color:#36C}
.bgnone{background:none}
.white{color:#fff !important}
.white:hover{color:#004665}
.bgwhite{background:#fff !important}
.bgblue1{background:#a7deec !important}
.bggray{background:#f2f2f2}
.bgblue{background:#d8d6d6}
.bggreen{background:#cfecc4}
.bgmint{background:#f4fdf1}
.bgyellowdark{background:#f2edc0}
.bgyellow{background:#fcfdf1}
.bgsky{background:#dce6f0 !important}	
.bgsky_light{background:#f4f9ff  !important}	






/*table*/
/* table{border-collapse:collapse;border-spacing:0;width:100%; table-layout:fixed }
th,td{border-collapse:collapse;padding:4px 10px;border:1px solid #d0d2d2; font-weight:normal;border-left:1px solid #d0d2d2; border-bottom:1px solid #d0d2d2; border-top:1px solid #d0d2d2; border-right:1px solid #d0d2d2;}
thead th{background:#eee;text-align:center;padding:6px 10px;  }
tbody th{text-align:left;background:#f3f3f3;} */


.mb30 { margin-bottom:30px}
.alignwrap{ width:100%; float:left;clear:both; }
.tC{text-align:center}


/* button */
a.button{display:inline-block;margin-left:3px;padding:4px 12px;text-align: center;font-size:14px;border-radius:4px;transition: all 0.15s ease; color:#fff}
a.button:first-child{margin-left:0}	 
a.button:hover{border:1px solid #999}
.gray{color:#666;background:#c4c3bf;border:1px solid #bdbdbb;}
.gray:hover{background:#88898b}

.sky{ border:1px solid #4681af;background:#489cdd;}
.sky:hover{background:#154595;border:1px solid #123f8a !important;}

.yellow{color:#999; border:solid 1px #e3b604;background:#fdc91c;}
.yellow:hover{border:1px solid #459515;background:#5cbb3f;}
	
.search{display:inline-block;font-size:13px; letter-spacing:0.1px; white-space:nowrap;color:#855b00; padding:7px 10px;border:solid 1px #e3b604;background:#fdc91c url(../images/icon_search.png) no-repeat 5px 50%; padding-left:30px; font-weight:700;border-radius:4px;}
.search:hover {border:1px solid #e3b604;background:#daae01 url(../images/icon_search.png) no-repeat 5px 50%; color:#855b00;}

.btn{display:inline-block;margin-left:2px;margin-right:2px;padding:2px 10px 2px 10px; font-size:12px;color:#333;text-align:center;vertical-align:middle;cursor:pointer; background-color:#f5f5f5;
border:1px solid #e6e6e6;border-radius:4px;}
.btn:hover,.btn:focus,.btn:active,.btn.active,.btn.disabled,.btn[disabled]{color:#333;background-color:#e6e6e6;}
.btn:active,.btn.active{background:#ccc}
.btn:first-child{margin-left:0}
.btn:hover,.btn:focus{color:#333;text-decoration:none;background-position:0 -15px;transition:background-position .1s linear}

.btn_W{padding:3px 7px;display: inline-block;font-size:11px; margin:0 2px;	color:#444;	background-color:#f9f8ea;border:1px solid #e3b604;transition: all 0.15s ease;border-radius:4px;}
.btn_W:hover{background-color:#f5e590; border:1px solid #c9b85d; color:#555}


.btn_login{padding:15px 30px;display: inline-block;font-size:19px; color:#444;	background-color:#fdc91c;border:1px solid #c7c6b5;transition: all 0.15s ease;border-radius:8px;}
.btn_login:hover{background-color:#f5e590; border:1px solid #c9b85d; color:#555}

/* formbox */
input{vertical-align:middle;margin:0 0 0 2px; height:21px;;border:1px solid #d7d6d6; padding:0 3px }
textarea{width:95%; padding:3px 5px; margin:1px 0;overflow-x:hidden;overflow-y:scroll;border:1px solid #d7d6d6;}
.input_disabled{background-color:#f3f4f5}
.check, .radio{vertical-align:middle;padding:5px 2px;margin:0px;border:0px solid #999;}
.check:hover, .radio:hover{vertical-align:middle;display:inline-block;border:0px solid #333;}
select{vertical-align:middle;margin:0; height:23px;border:1px solid #d7d6d6;background:#fff;}