@charset "utf-8";
img { border: 0px; vertical-align: middle; }

strong { font-weight: bold !important; }

.clearfix { clear: both; }

.none { display: none !important; }
.overflow-h { overflow: hidden !important; }
.block { display: block;}
.fw-n { font-weight: normal; }
.fw-b { font-weight: bold; }

.fc-white { color: #fff !important; }
.fc-pink { color: #ec008c !important; }
.fc-black { color: #000 !important; }
.fc-skyblue { color: #0098ea !important; }
.fc-red { color: #e82e25 !important; }
.fc-blue { color: #0061ce !important; }
.fc-lightblue { color: #9da1ad !important; }
.fc-grey { color: #666 !important; }
.fc-lightgrey { color: #999 !important; }
.fc-violet { color: #630d9a !important; }
.fc-violet2 { color: #a0038c !important; }
.fc-violet3 { color: #b00068 !important; }
.fc-purple { color: #6b22c5 !important; }
.fc-purple2 { color: #c52d8d !important; }
.fc-purple3 { color: #4230b2 !important; }

.fc-orange { color: #f16549;}

.bg_white { background-color: #fff !important; }
.bg_blue { background-color: #40495e !important; }
.bg_darkblue { background-color: #606775 !important; }
.bg_lightgrey { background-color: #f5f5f5 !important; }
.bg_transparent { background-color: transparent; }

.fs-11 { font-size: 11px; }
.fs-12 { font-size: 12px !important; }
.fs-13 { font-size: 13px !important; }
.fs-14 { font-size: 14px !important; }
.fs-15 { font-size: 15px !important; }
.fs-16 { font-size: 16px !important; }
.fs-18 { font-size: 18px !important; }

.t-l { text-align: left !important; }
.t-c { text-align: center !important; }
.t-r { text-align: right !important; }

.mb0 { margin-bottom: 0px !important; }
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb70 { margin-bottom: 70px !important; }
.mb0 { margin-bottom: 0px !important; }

.mt5 { margin-top: 5px !important;}
.mt10 { margin-top: 10px !important;}
.mt15 { margin-top: 15px !important;}
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important;}
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mt70 { margin-top: 70px !important; }
.mt0 { margin-top: 0px !important;}

.mr5{margin-right: 5px;}
.mr10{margin-right: 10px !important;}
.mr15{margin-right: 15px !important;}
.mr20{margin-right: 20px !important;}
.mr30{margin-right: 30px !important;}
.mr35{margin-right: 35px !important;}
.mr40{margin-right: 40px !important;}
.mr50{margin-right: 50px !important;}

.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important;}
.ml15 { margin-left: 15px !important;}
.ml20 { margin-left: 20px !important;}
.ml50 { margin-left: 50px !important; }

.p10 { padding: 10px; }
.p20 { padding: 20px; }

.pb5{padding-bottom: 5px;}
.pb10{padding-bottom: 10px;}
.pb15{padding-bottom: 15px;}
.pb20{padding-bottom: 20px !important;}
.pb25{padding-bottom: 25px !important;}
.pb30{padding-bottom: 30px !important;}
.pb40{padding-bottom: 40px !important;}
.pb50{padding-bottom: 50px !important;}
.pb70{padding-bottom: 70px !important;}

.pt5{padding-top: 5px !important;}
.pt10{padding-top: 10px !important;}
.pt15{padding-top: 15px !important;}
.pt20{padding-top: 20px !important;}
.pt30{padding-top: 30px !important;}
.pt50{padding-top: 50px !important;}
.pt70{padding-top: 70px !important;}

.pr5{padding-right: 5px;}
.pr10{padding-right: 10px;}
.pr15{padding-right: 15px;}
.pr20{padding-right: 20px !important;}
.pr30{padding-right: 30px !important;}
.pr60{padding-right: 60px !important;}

.pl0{padding-left: 0px !important;}
.pl5{padding-left: 5px;}
.pl10{padding-left: 10px !important;}
.pl15{padding-left: 15px;}
.pl20{padding-left: 20px !important;}
.pl30{padding-left: 30px !important;}
.pl35{padding-left: 35px !important;}
.pl60{padding-left: 60px !important;}


.fl { float: left !important; }
.fr { float: right !important; }

.w70 { width: 70px !important; }
.w100 { width: 100px !important; }
.w150 { width: 150px !important; }
.w200 { width: 200px !important; }

.quarter1 { width: 25%; }
.quarter2 { width: 50%; }
.quarter3 { width: 75%; }
.quarter4 { width: 100%; }



/* selectbox */
.select_box { position: relative; margin-bottom: 10px; height: 40px; background-color: #f5f5f5;}
.select_box:before { position: absolute; top: 0px; right: 0px; width: 40px; height: 40px; content: ""; background: url('../images/ic_select_down.png') center no-repeat; opacity: .6; }
.select_box:hover:before { opacity: .9; }
.select_box:active:before { opacity: 1; }
.select_box.arrow_up:before { background-image: url('../images/ic_select_up.png'); opacity: 1; }

.select_box select {
    width: 100%; height: 40px; padding: 10px; line-height: 40px; color: #787878; background: #f5f5f5;
    font-family: inherit; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); /* IE 8 */
}
.select_box select option { padding: 10px; min-height: 40px !important; }
.select_box label {
    position: absolute; width: 100%; height: 40px; top: 0px; left: 0px; text-align: left; line-height: 40px; padding-left: 15px;
}

/* checkbox */
input[type=checkbox]{display:none;}
input[type=checkbox] + label{display:inline-block;cursor:pointer;position:relative;font-weight:300;padding-left:28px;font-size:14px; line-height: 20px; color: #9da1ad;}
input[type=checkbox] + label:before{content:"";display:inline-block;width:20px;height:20px;position:absolute; left:0; top:0px; background: url('../images/ic_check_n.png') center no-repeat; background-size:cover; }
input[type=checkbox]:checked + label:before{ background-image: url('../images/ic_check.png'); }

/* checkbox radio */
.check_box { position: relative; }
.check_box input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }
.check_box input[type="radio"] + label { display: inline-block; position: relative; padding-left: 20px; color: #777; font-weight: bold; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.check_box input[type="radio"]:checked + label { color: #000; }
.check_box input[type="radio"] + label:before, .check_box input[type="radio"]:checked + label:after { content: ""; position: absolute; left: 0; top: 3px; width: 15px; height: 15px; background-image: url('../images/btn_radio.png'); background-size: cover; }
.check_box input[type="radio"]:checked + label:after { background-image: url('../images/btn_radio_s.png'); }

/* filebox */
.filebox{position:relative;}
.filebox input[type="file"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}
.filebox label{z-index:99;top:0px;right:0px;position:absolute;display:inline-block;padding:12px 0 0; width:60px; height: 40px; cursor:pointer;background:#40495e;color:#fff;font-size:14px;font-weight:100;text-align:center;}
.filebox label:active{background-color:#2d3342;}
.filebox .upload_name { width: 100%; -webkit-appearance:none;-moz-appearance:none;}
.filebox .upload_name:disabled { background: #f5f5f5; }