@charset "utf-8";

/* common */

/* display */
.dp_inline {display:inline !important;}
.dp_inBlock {display:inline-block !important;}
.dp_block {display:block !important;}
.dp_none {display:none !important;}

.hidden,
legend > span,
caption > span {position:absolute;left:-9999em;overflow:hidden;width:1px;height:1px;font-size:0;line-height:0;text-indent:-9999em;}

/* float */
.floatL {float:left !important;}
.floatR {float:right !important;}
.clear:after {content:'';display:block;clear:both;}
.clearL {clear:left;}
.clearR {clear:right;}

/* width */
.w10p {width:10% !important;}
.w20p {width:20% !important;}
.w30p {width:30% !important;}
.w40p {width:40% !important;}
.w50p {width:50% !important;}
.w60p {width:60% !important;}
.w70p {width:70% !important;}
.w80p {width:80% !important;}
.w90p {width:90% !important;}
.w95p {width:95% !important;}
.w100p {width:100% !important;}

/* height */
.h10p {height:10% !important;}
.h20p {height:20% !important;}
.h30p {height:30% !important;}
.h40p {height:40% !important;}
.h50p {height:50% !important;}
.h60p {height:60% !important;}
.h70p {height:70% !important;}
.h80p {height:80% !important;}
.h90p {height:90% !important;}
.h100p {height:100% !important;}

/* input, select, textarea size */
.size80 {width:80px !important;}
.size100 {width:100px !important;}
.size150 {width:150px !important;}
.size200 {width:200px !important;}
.size250 {width:250px !important;}
.size300 {width:300px !important;}
.size350 {width:350px !important;}
.size400 {width:400px !important;}
.size100p {width:100% !important;}

/* overflow */
.overHidden {overflow:hidden;}
.scroll {overflow:auto;}
.scrollX {overflow-x:scroll;}
.scrollY {overflow-y:scroll;}

/* margin */
.mg0{margin:0 !important;}
.mgT0 {margin-top:0px !important;}
.mgT5 {margin-top:5px !important;}
.mgT10 {margin-top:4px !important;}
.mgT15 {margin-top:15px !important;}
.mgT20 {margin-top:20px !important;}
.mgT25 {margin-top:25px !important;}
.mgT30 {margin-top:30px !important;}
.mgT40 {margin-top:40px !important;}
.mgT50 {margin-top:50px !important;}
.mgT80 {margin-top:80px !important;}
.mgT100 {margin-top:100px !important;}

.mgR0 {margin-right:0px !important}
.mgR5 {margin-right:5px !important}
.mgR10 {margin-right:10px !important}
.mgR15 {margin-right:15px !important}
.mgR20 {margin-right:20px !important}
.mgR25 {margin-right:25px !important}
.mgR30 {margin-right:30px !important}
.mgR40 {margin-right:40px !important}
.mgR50 {margin-right:50px !important}
.mgR80 {margin-right:80px !important}
.mgR100 {margin-right:100px !important}

.mgB0 {margin-bottom:0px !important;}
.mgB5 {margin-bottom:5px !important;}
.mgB10 {margin-bottom:10px !important;}
.mgB15 {margin-bottom:15px !important;}
.mgB20 {margin-bottom:20px !important;}
.mgB25 {margin-bottom:25px !important;}
.mgB30 {margin-bottom:30px !important;}
.mgB40 {margin-bottom:40px !important;}
.mgB50 {margin-bottom:50px !important;}
.mgB80 {margin-bottom:80px !important;}
.mgB100 {margin-bottom:100px !important;}

.mgL0 {margin-left:0px !important;}
.mgL5 {margin-left:5px !important;}
.mgL10 {margin-left:10px !important;}
.mgL15 {margin-left:15px !important;}
.mgL20 {margin-left:20px !important;}
.mgL25 {margin-left:25px !important;}
.mgL30 {margin-left:30px !important;}
.mgL40 {margin-left:40px !important;}
.mgL50 {margin-left:50px !important;}
.mgL80 {margin-left:80px !important;}
.mgL100 {margin-left:100px !important;}

/* padding */
.pd0{padding:0 !important;}

.pdT0 {padding-top:0px !important;}
.pdT5 {padding-top:5px !important;}
.pdT10 {padding-top:10px !important;}
.pdT15 {padding-top:10px !important;}
.pdT20 {padding-top:20px !important;}
.pdT25 {padding-top:25px !important;}
.pdT30 {padding-top:30px !important;}
.pdT40 {padding-top:40px !important;}
.pdT50 {padding-top:50px !important;}
.pdT80 {padding-top:80px !important;}
.pdT100 {padding-top:100px !important;}

.pdR0 {padding-right:0px !important;}
.pdR5 {padding-right:5px !important;}
.pdR10 {padding-right:10px !important;}
.pdR15 {padding-right:15px !important;}
.pdR20 {padding-right:20px !important;}
.pdR25 {padding-right:25px !important;}
.pdR30 {padding-right:30px !important;}
.pdR40 {padding-right:40px !important;}
.pdR50 {padding-right:50px !important;}
.pdR80 {padding-right:80px !important;}
.pdR100 {padding-right:100px !important;}

.pdB0 {padding-bottom:0px !important;}
.pdB5 {padding-bottom:5px !important;}
.pdB10 {padding-bottom:10px !important;}
.pdB15 {padding-bottom:15px !important;}
.pdB20 {padding-bottom:20px !important;}
.pdB25 {padding-bottom:25px !important;}
.pdB30 {padding-bottom:30px !important;}
.pdB40 {padding-bottom:40px !important;}
.pdB50 {padding-bottom:50px !important;}
.pdB80 {padding-bottom:80px !important;}
.pdB100 {padding-bottom:100px !important;}

.pdL0 {padding-left:0px !important;}
.pdL5 {padding-left:5px !important;}
.pdL10 {padding-left:10px !important;}
.pdL15 {padding-left:15px !important;}
.pdL20 {padding-left:20px !important;}
.pdL25 {padding-left:25px !important;}
.pdL30 {padding-left:30px !important;}
.pdL40 {padding-left:40px !important;}
.pdL50 {padding-left:50px !important;}
.pdL80 {padding-left:80px !important;}
.pdL100 {padding-left:100px !important;}

/* border style */
.bd0 {border:0 !important;}
.bdT0 {border-top:0 !important;}
.bdR0 {border-right:0 !important;}
.bdB0 {border-bottom:0 !important;}
.bdL0 {border-left:0 !important;}

.bd_solid {border:1px solid #ccc !important;}
.bdT {border-top:1px solid #ccc !important;}
.bdR {border-right:1px solid #ccc !important;}
.bdB {border-bottom:1px solid #ccc !important;}
.bdL {border-left:1px solid #ccc !important;}

.bd_black {border-color:#000 !important;}
.bd_white {border-color:#fff !important;}
.bd_sky {border-color:#2adcd6 !important;}
.bd_gray {border-color:#eee !important;}
.bd_grayB {border-color:#e6eded !important;}

/* color */
.black {color:#000 !important;}
.white {color:#fff !important;}
.gray {color:#888 !important;}
.grayB {color:#8bbec2 !important;}
.sky {color:#0afff7 !important;}
.pink {color:#ff0b89 !important;}
.red {color:#f14623 !important;}
.blue {color:#164a95 !important;}
.green {color:#0ca25a !important;}

/* background color */
.no_bg {background:none !important;}
.bg_black {background-color:#000 !important;}
.bg_white {background-color:#fff !important;}
.bg_sky {background-color:#2adcd6 !important;}
.bg_gray {background-color:#eee !important;}
.bg_grayB {background-color:#e6eded !important;}

/* align */
.alignL {text-align:left !important;}
.alignC {text-align:center !important;}
.alignR {text-align:right !important;}

.valignT {vertical-align:top !important;}
.valignM {vertical-align:middle !important;}
.valignB {vertical-align:bottom !important;}

/* font Size */
.fs13 {font-size:13px !important;}
.fs14 {font-size:14px !important;}
.fs15 {font-size:15px !important;}
.fs16 {font-size:16px !important;}
.fs20 {font-size:20px !important;}
.fs24 {font-size:24px !important;}
.fs36 {font-size:36px !important;}

/* font-weight */
.fw100 {font-weight:100;}
.fw300 {font-weight:300;}
.fw350 {font-weight:350;}
.fw400 {font-weight:400;}
.fw500 {font-weight:500;}
.fw700 {font-weight:700;}
.fw900 {font-weight:900;}

/* grid */
.row {position:relative;}
.row:after {content:'';clear:both;display:block;}
.row > div {float:left;box-sizing:border-box;}
.row .col1 {width:8.333%;}
.row .col2 {width:16.666%;}
.row .col3 {width:25%;}
.row .col4 {width:33.333%;}
.row .col5 {width:41.666%;}
.row .col6 {width:50%;}
.row .col7 {width:58.333%;}
.row .col8 {width:66.666%;}
.row .col9 {width:75%;}
.row .col10 {width:83.333%;}
.row .col11 {width:91.666%;}
.row .col12 {width:100%;}