/*============================================================================================*/
/* Your custom styles below */
/*============================================================================================*/
.none {
    display: none;
}

.block {
    display: block;
}

.inline {
    display: inline;
}

.inline-block {
    display: inline-block;
}

.hidden {
    visibility: hidden;
}

.visible {
    visibility: visible;
}

.center {
    margin: 0 auto;
    text-align: center !important;
}

.textleft {
    text-align: left !important;
}

.textright {
    text-align: right !important;
}

.textcenter {
    text-align: center !important;
}

.tc {
    text-align: center !important;
}

.tl {
    text-align: left !important;
}

.tr {
    text-align: right !important;
}

.va_m {
    vertical-align: middle !important;
}

.va_t {
    vertical-align: top !important;
}

.va_b {
    vertical-align: bottom !important;
}

.linethr {
    text-decoration: line-through;
}

.noradius {
    border-radius: 0;
}

.fr {
    float: right;
}

.fl {
    float: left;
}

.pst_r {
    position: relative;
}

.pst_a {
    position: absolute;
}

.pst_f {
    position: fixed;
}

.cspo {
    cursor: pointer;
}

.ohidden {
    overflow: hidden;
}

/*LINE*/
.tline {
    text-decoration: underline;
}

.tline_d {
    text-decoration: underline dotted;
}

.tline_d_r {
    text-decoration: underline dotted red;
}

.tline_d_b {
    text-decoration: underline dotted blue;
}

.tline_w {
    text-decoration: wavy underline;
}

.tline_w_r {
    text-decoration: red wavy underline;
}

.tline_w_b {
    text-decoration: blue wavy underline;
}

.lh1 {
    line-height: 13px !important;
}

.lh2 {
    line-height: 15px;
}

.lh3 {
    line-height: 16px;
}

.lh4 {
    line-height: 17px;
}

.lh5 {
    line-height: 20px;
}

.line5 {
    background: #e8e8e8;
    height: 1px;
    margin: 5px 0;
    padding: 0;
    display: block;
}

.line10 {
    background: #e8e8e8;
    height: 1px;
    margin: 10px 0;
    padding: 0;
    display: block;
}

.line15 {
    background: #e8e8e8;
    height: 1px;
    margin: 15px 0;
    padding: 0;
    display: block;
}

.line20 {
    background: #e8e8e8;
    height: 1px;
    margin: 20px 0;
    padding: 0;
    display: block;
}

.line30 {
    background: #e8e8e8;
    height: 1px;
    margin: 30px 0;
    padding: 0;
    display: block;
}

/*FONT*/
.bold {
    font-weight: 700 !important;
}

.bold2 {
    font-weight: 600 !important;
}

.bold3 {
    font-weight: 500 !important;
}

.bold4 {
    font-weight: 400 !important;
}

.bold5 {
    font-weight: 300 !important;
}

.engnum {
    font-family: 'Tahoma', 'Poppins';
    font-weight: 400 !important;
    letter-spacing: 0;
}

.engnum1 {
    font-family: 'Tahoma', 'Poppins';
    font-weight: 500 !important;
    letter-spacing: 0;
}

.engnum2 {
    font-family: 'Tahoma', 'Poppins';
    font-weight: 600 !important;
    letter-spacing: 0;
}

.small-num {
    font-size: 7pt;
    font-family: Tahoma;
    color: #767a7d;
    letter-spacing: 0;
}

.size8 {
    font-size: 8px !important;
}

.size9 {
    font-size: 9px !important;
}

.size10 {
    font-size: 10px !important;
}

.size11 {
    font-size: 11px !important;
}

.size12 {
    font-size: 12px !important;
}

.size13 {
    font-size: 13px !important;
}

.size14 {
    font-size: 14px !important;
}

.size15 {
    font-size: 15px !important;
}

.size16 {
    font-size: 16px !important;
}

.size17 {
    font-size: 17px !important;
}

.size18 {
    font-size: 18px !important;
}

.size19 {
    font-size: 19px !important;
}

.size20 {
    font-size: 20px !important;
}

.size22 {
    font-size: 22px !important;
}

.size24 {
    font-size: 24px !important;
}

.size25 {
    font-size: 25px !important;
}

.size26 {
    font-size: 26px !important;
}

.size28 {
    font-size: 28px !important;
}

.size30 {
    font-size: 30px !important;
}

.size40 {
    font-size: 40px !important;
}

.size50 {
    font-size: 50px !important;
}

.size60 {
    font-size: 60px !important;
}

.size70 {
    font-size: 70px !important;
}

@media(max-width:768px) {
    .size8 {
        font-size: 9px !important;
    }

    .size9 {
        font-size: 19px !important;
    }

    .size10 {
        font-size: 11px !important;
    }

    .size11 {
        font-size: 12px !important;
    }

    .size12 {
        font-size: 13px !important;
    }

    .size13 {
        font-size: 14px !important;
    }

    .size14 {
        font-size: 15px !important;
    }

    .size15 {
        font-size: 17px !important;
    }

    .size16 {
        font-size: 18px !important;
    }

    .size17 {
        font-size: 19px !important;
    }

    .size18 {
        font-size: 20px !important;
    }

    .size19 {
        font-size: 21px !important;
    }

    .size20 {
        font-size: 22px !important;
    }

    .size22 {
        font-size: 24px !important;
    }

    .size24 {
        font-size: 26px !important;
    }

    .size26 {
        font-size: 28px !important;
    }

    .size28 {
        font-size: 30px !important;
    }

    .size30 {
        font-size: 35px !important;
    }

    .size40 {
        font-size: 45px !important;
    }

    .size50 {
        font-size: 55px !important;
    }

    .size60 {
        font-size: 65px !important;
    }

    .size70 {
        font-size: 75px !important;
    }
}

.fsize8 {
    font-size: 8px !important;
}

.fsize9 {
    font-size: 9px !important;
}

.fsize10 {
    font-size: 10px !important;
}

.fsize11 {
    font-size: 11px !important;
}

.fsize12 {
    font-size: 12px !important;
}

.fsize13 {
    font-size: 13px !important;
}

.fsize14 {
    font-size: 14px !important;
}

.fsize15 {
    font-size: 15px !important;
}

.fsize16 {
    font-size: 16px !important;
}

.fsize17 {
    font-size: 17px !important;
}

.fsize18 {
    font-size: 18px !important;
}

.fsize19 {
    font-size: 19px !important;
}

.fsize20 {
    font-size: 20px !important;
}

.fsize22 {
    font-size: 22px !important;
}

.fsize24 {
    font-size: 24px !important;
}

.fsize26 {
    font-size: 26px !important;
}

.fsize28 {
    font-size: 28px !important;
}

.fsize30 {
    font-size: 30px !important;
}

/*font color*/
.aqua {
    color: aqua;
}

.blue {
    color: blue;
}

.royalblue {
    color: royalblue;
}

.steelblue {
    color: steelblue;
}

.white {
    color: white;
}

.black {
    color: black;
}

.darkcyan {
    color: darkcyan;
}

.darkgreen {
    color: darkgreen;
}

.turquoise {
    color: turquoise;
}

.mediumturquoise {
    color: mediumturquoise;
}

.darkturquoise {
    color: darkturquoise;
}

.darkorange {
    color: darkorange;
}

.gold {
    color: gold;
}

.goldenrod {
    color: goldenrod;
}

.gray {
    color: gray;
}

.indigo {
    color: indigo;
}

.olive {
    color: olive;
}

.purple {
    color: purple;
}

.red {
    color: red;
}

.yellow {
    color: yellow;
}

.teal {
    color: teal;
}

.navy {
    color: navy;
}

/*SPACE*/
.sp5 {
    height: 5px;
}

.sp10 {
    height: 10px;
}

.sp15 {
    height: 15px;
}

.sp20 {
    height: 20px;
}

.sp25 {
    height: 25px;
}

.sp30 {
    height: 30px;
}

.sp35 {
    height: 35px;
}

.sp40 {
    height: 40px;
}

.sp50 {
    height: 50px;
}

.sp60 {
    height: 60px;
}

.sp70 {
    height: 70px;
}

.sp80 {
    height: 80px;
}

.sp90 {
    height: 90px;
}

.sp100 {
    height: 100px;
}

/*TEXT*/
.ls-1px {
    letter-spacing: -1px;
}

.ls-0px {
    letter-spacing: 0;
}

.ttu {
    text-transform: uppercase;
}

.ttl {
    text-transform: lowercase;
}

.indent0 {
    text-indent: 0;
}

.wordbreak {
    word-break: break-all;
}

/*ellipsis*/
.ellipsis1 {
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ellipsis100 {
    max-width: 100px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ellipsis110 {
    max-width: 110px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ellipsis120 {
    max-width: 120px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ellipsis130 {
    max-width: 130px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ellipsis140 {
    max-width: 140px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ellipsis150 {
    max-width: 150px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ellipsis160 {
    max-width: 160px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ellipsis170 {
    max-width: 170px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ellipsis180 {
    max-width: 180px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ellipsis190 {
    max-width: 190px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ellipsis200 {
    max-width: 200px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ellipsis210 {
    max-width: 210px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ellipsis220 {
    max-width: 220px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ellipsis230 {
    max-width: 230px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ellipsis240 {
    max-width: 240px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ellipsis250 {
    max-width: 250px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.textshadow1 {
    text-shadow: 1px 1px 0px #121212;
}

.clearfix {
    float: none;
    clear: both;
}

/*box line*/
.dotline1 {
    padding: 3px;
    border: 1px dotted #d2d8dd;
}

.dotline2 {
    padding: 3px;
    border: 2px dotted #d2d8dd;
}

.solidline1 {
    padding: 3px;
    border: 1px solid #d2d8dd;
}

.solidline2 {
    padding: 3px;
    border: 2px solid #d2d8dd;
}

/*IMAGE*/
img.fwimg {
    width: 100%;
}

.fwi {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.fwi img {
    width: 100%;
    margin-left: 0;
}

.img-circle {
    border-radius: 50%;
}

/*BACKGROUND COLOR*/
.bcolor {
    background-color: #FFF !important;
}

.bcolor1 {
    background-color: #F6F6F6 !important;
}

.bcolor2 {
    background-color: #EEF5EE !important;
}

.bcolor3 {
    background-color: #f4f3f8 !important;
}

.bcolor4 {
    background-color: #f9edd7 !important;
}

.bcolor5 {
    background-color: #EEE !important;
}

.bcolor6 {
    background-color: #CCC !important;
}

.bcolor7 {
    background-color: #d9c8b4 !important;
}

.bcolor8 {
    background-color: #99b0aa !important;
}

.bcolor9 {
    background-color: #00c5dc !important;
}

.bcolor10 {
    background-color: #5867dd !important;
}

/*PERCENTAGES*/
.wh5per {
    width: 5% !important;
}

.wh7per {
    width: 7% !important;
}

.wh10per {
    width: 10% !important;
}

.wh15per {
    width: 15% !important;
}

.wh20per {
    width: 20% !important;
}

.wh25per {
    width: 25% !important;
}

.wh30per {
    width: 30% !important;
}

.wh33per {
    width: 33% !important;
}

.wh34per {
    width: 34% !important;
}

.wh35per {
    width: 35% !important;
}

.wh40per {
    width: 40% !important;
}

.wh45per {
    width: 45% !important;
}

.wh48per {
    width: 48% !important;
}

.wh49per {
    width: 49% !important;
}

.wh50per {
    width: 50% !important;
}

.wh60per {
    width: 60% !important;
}

.wh65per {
    width: 65% !important;
}

.wh66per {
    width: 66% !important;
}

.wh70per {
    width: 70% !important;
}

.wh73per {
    width: 73% !important;
}

.wh75per {
    width: 75% !important;
}

.wh78per {
    width: 78% !important;
}

.wh80per {
    width: 80% !important;
}

.wh90per {
    width: 90% !important;
}

.wh100per {
    width: 100% !important;
}

.wh49per-fl {
    width: 49%;
    float: left;
}

.wh49per-fr {
    width: 49%;
    float: right;
}

.wh50per-fl {
    width: 50%;
    float: left;
}

.wh50per-fr {
    width: 50%;
    float: right;
}

/*grade*/
.grade {
    height: 20px;
    padding: 1px 3px;
    color: #fff;
    font-size: 12px;
    vertical-align: middle;
    border-radius: 2px;
}

.gval1 {
    background-color: #ccc !important;
}

.gval2 {
    background-color: #51357c !important;
}

.gval3 {
    background-color: #18B4E9 !important;
}

.gval4 {
    background-color: #2F4F4F !important;
}

.gval5 {
    background-color: #1a600c !important;
}

.gval6 {
    background-color: #F7B938 !important;
}

.gval7 {
    background-color: #315cb6 !important;
}

.gval8 {
    background-color: #D93D66 !important;
}

.gval9 {
    background-color: #4bb7e5 !important;
}

.gval10 {
    background-color: #F26D7D !important;
}

.gval11 {
    background-color: #a9853d !important;
}

.gval12 {
    background-color: #DEB887 !important;
}

.gval13 {
    background-color: #6A5BA8 !important;
}

.gval14 {
    background-color: #8a6d3b !important;
}

.garea {
    background-color: #99b0aa !important;
}

/*Scroll*/
.naiyoScroll-200 {
    width: 100%;
    height: 200px;
    overflow: hidden;
    overflow-y: auto;
    zoom: 1;
}

.naiyoScroll-300 {
    width: 100%;
    height: 300px;
    overflow: hidden;
    overflow-y: auto;
    zoom: 1;
}

.naiyoScroll-400 {
    width: 100%;
    height: 400px;
    overflow: hidden;
    overflow-y: auto;
    zoom: 1;
}

.naiyoScroll-500 {
    width: 100%;
    height: 500px;
    overflow: hidden;
    overflow-y: auto;
    zoom: 1;
}

/*MARGIN*/
.margtop0 {
    margin-top: 0;
}

.margtop1 {
    margin-top: 1px !important;
}

.margtop2 {
    margin-top: 2px !important;
}

.margtop3 {
    margin-top: 3px !important;
}

.margtop4 {
    margin-top: 4px !important;
}

.margtop5 {
    margin-top: 5px !important;
}

.margtop6 {
    margin-top: 6px !important;
}

.margtop7 {
    margin-top: 7px !important;
}

.margtop8 {
    margin-top: 8px !important;
}

.margtop9 {
    margin-top: 9px !important;
}

.margtop10 {
    margin-top: 10px !important;
}

.margtop11 {
    margin-top: 11px !important;
}

.margtop12 {
    margin-top: 12px !important;
}

.margtop13 {
    margin-top: 13px !important;
}

.margtop14 {
    margin-top: 14px !important;
}

.margtop15 {
    margin-top: 15px !important;
}

.margtop20 {
    margin-top: 20px !important;
}

.margtop25 {
    margin-top: 25px !important;
}

.margtop30 {
    margin-top: 30px !important;
}

.margtop35 {
    margin-top: 35px !important;
}

.margtop40 {
    margin-top: 40px !important;
}

.margtop50 {
    margin-top: 50px !important;
}

.margtop60 {
    margin-top: 60px !important;
}

.margtop70 {
    margin-top: 70px !important;
}

.margtop80 {
    margin-top: 80px !important;
}

.margtop90 {
    margin-top: 90px !important;
}

.margtop100 {
    margin-top: 100px !important;
}

.margtop-1 {
    margin-top: -1px !important;
}

.margtop-2 {
    margin-top: -2px !important;
}

.margtop-3 {
    margin-top: -3px !important;
}

.margtop-4 {
    margin-top: -4px !important;
}

.margtop-5 {
    margin-top: -5px !important;
}

.margtop-6 {
    margin-top: -6px !important;
}

.margtop-7 {
    margin-top: -7px !important;
}

.margtop-8 {
    margin-top: -8px !important;
}

.margtop-9 {
    margin-top: -9px !important;
}

.margtop-10 {
    margin-top: -10px !important;
}

.margtop-11 {
    margin-top: -11px !important;
}

.margtop-12 {
    margin-top: -12px !important;
}

.margtop-13 {
    margin-top: -13px !important;
}

.margtop-14 {
    margin-top: -14px !important;
}

.margtop-15 {
    margin-top: -15px !important;
}

.margtop-20 {
    margin-top: -20px !important;
}

.margtop-25 {
    margin-top: -25px !important;
}

.margtop-30 {
    margin-top: -30px !important;
}

.margtop-35 {
    margin-top: -35px !important;
}

.margtop-40 {
    margin-top: -40px !important;
}

.margtop-50 {
    margin-top: -50px !important;
}

.margtop-60 {
    margin-top: -60px !important;
}

.margtop-70 {
    margin-top: -70px !important;
}

.margtop-80 {
    margin-top: -80px !important;
}

.margtop-90 {
    margin-top: -90px !important;
}

.margtop-100 {
    margin-top: -100px !important;
}

.margbottom0 {
    margin-bottom: 0;
}

.margbottom1 {
    margin-bottom: 1px !important;
}

.margbottom2 {
    margin-bottom: 2px !important;
}

.margbottom3 {
    margin-bottom: 3px !important;
}

.margbottom4 {
    margin-bottom: 4px !important;
}

.margbottom5 {
    margin-bottom: 5px !important;
}

.margbottom6 {
    margin-bottom: 6px !important;
}

.margbottom7 {
    margin-bottom: 7px !important;
}

.margbottom8 {
    margin-bottom: 8px !important;
}

.margbottom9 {
    margin-bottom: 9px !important;
}

.margbottom10 {
    margin-bottom: 10px !important;
}

.margbottom11 {
    margin-bottom: 11px !important;
}

.margbottom12 {
    margin-bottom: 12px !important;
}

.margbottom13 {
    margin-bottom: 13px !important;
}

.margbottom14 {
    margin-bottom: 14px !important;
}

.margbottom15 {
    margin-bottom: 15px !important;
}

.margbottom20 {
    margin-bottom: 20px !important;
}

.margbottom25 {
    margin-bottom: 25px !important;
}

.margbottom30 {
    margin-bottom: 30px !important;
}

.margbottom35 {
    margin-bottom: 35px !important;
}

.margbottom40 {
    margin-bottom: 40px !important;
}

.margbottom50 {
    margin-bottom: 50px !important;
}

.margbottom60 {
    margin-bottom: 60px !important;
}

.margbottom70 {
    margin-bottom: 70px !important;
}

.margbottom80 {
    margin-bottom: 80px !important;
}

.margbottom90 {
    margin-bottom: 90px !important;
}

.margbottom100 {
    margin-bottom: 100px !important;
}

.margbottom-1 {
    margin-bottom: -1px !important;
}

.margbottom-2 {
    margin-bottom: -2px !important;
}

.margbottom-3 {
    margin-bottom: -3px !important;
}

.margbottom-4 {
    margin-bottom: -4px !important;
}

.margbottom-5 {
    margin-bottom: -5px !important;
}

.margbottom-6 {
    margin-bottom: -6px !important;
}

.margbottom-7 {
    margin-bottom: -7px !important;
}

.margbottom-8 {
    margin-bottom: -8px !important;
}

.margbottom-9 {
    margin-bottom: -9px !important;
}

.margbottom-10 {
    margin-bottom: -10px !important;
}

.margbottom-11 {
    margin-bottom: -11px !important;
}

.margbottom-12 {
    margin-bottom: -12px !important;
}

.margbottom-13 {
    margin-bottom: -13px !important;
}

.margbottom-14 {
    margin-bottom: -14px !important;
}

.margbottom-15 {
    margin-bottom: -15px !important;
}

.margbottom-20 {
    margin-bottom: -20px !important;
}

.margbottom-25 {
    margin-bottom: -25px !important;
}

.margbottom-30 {
    margin-bottom: -30px !important;
}

.margbottom-35 {
    margin-bottom: -35px !important;
}

.margbottom-40 {
    margin-bottom: -40px !important;
}

.margbottom-50 {
    margin-bottom: -50px !important;
}

.margbottom-60 {
    margin-bottom: -60px !important;
}

.margbottom-70 {
    margin-bottom: -70px !important;
}

.margbottom-80 {
    margin-bottom: -80px !important;
}

.margbottom-90 {
    margin-bottom: -90px !important;
}

.margbottom-100 {
    margin-bottom: -100px !important;
}

.margleft0 {
    margin-left: 0 !important;
}

.margleft5 {
    margin-left: 5px !important;
}

.margleft10 {
    margin-left: 10px !important;
}

.margleft15 {
    margin-left: 15px !important;
}

.margleft20 {
    margin-left: 20px !important;
}

.margleft25 {
    margin-left: 25px !important;
}

.margleft30 {
    margin-left: 30px !important;
}

.margright0 {
    margin-right: 0 !important;
}

.margright5 {
    margin-right: 5px !important;
}

.margright10 {
    margin-right: 10px !important;
}

.margright15 {
    margin-right: 15px !important;
}

.margright20 {
    margin-right: 20px !important;
}

.margright25 {
    margin-right: 25px !important;
}

.margright30 {
    margin-right: 30px !important;
}

.margtb5 {
    margin: 5px 0 !important;
}

.margtb10 {
    margin: 10px 0 !important;
}

.margtb15 {
    margin: 15px 0 !important;
}

.margtb20 {
    margin: 20px 0 !important;
}

.margtb25 {
    margin: 25px 0 !important;
}

.margtb30 {
    margin: 30px 0 !important;
}

.margtb50 {
    margin: 50px 0 !important;
}

.margtb100 {
    margin: 100px 0 !important;
}

.marglr5 {
    margin: 0 5px !important;
}

.marglr10 {
    margin: 0 10px !important;
}

.marglr15 {
    margin: 0 15px !important;
}

.marglr20 {
    margin: 0 20px !important;
}

.marglr25 {
    margin: 0 25px !important;
}

.marglr30 {
    margin: 0 30px !important;
}

.marglr50 {
    margin: 0 50px !important;
}

.marglr100 {
    margin: 0 100px !important;
}

.marg0 {
    margin: 0 !important;
}

.marg5 {
    margin: 5px !important;
}

.marg10 {
    margin: 10px !important;
}

.marg15 {
    margin: 15px !important;
}

.marg20 {
    margin: 20px !important;
}

.marg25 {
    margin: 25px !important;
}

.marg30 {
    margin: 30px !important;
}

.marg35 {
    margin: 35px !important;
}

.marg40 {
    margin: 40px !important;
}

.marg45 {
    margin: 45px !important;
}

.marg50 {
    margin: 50px !important;
}

/*PADDING*/
.padtop0 {
    padding-top: 0;
}

.padtop1 {
    padding-top: 1px !important;
}

.padtop2 {
    padding-top: 2px !important;
}

.padtop3 {
    padding-top: 3px !important;
}

.padtop4 {
    padding-top: 4px !important;
}

.padtop5 {
    padding-top: 5px !important;
}

.padtop6 {
    padding-top: 6px !important;
}

.padtop7 {
    padding-top: 7px !important;
}

.padtop8 {
    padding-top: 8px !important;
}

.padtop9 {
    padding-top: 9px !important;
}

.padtop10 {
    padding-top: 10px !important;
}

.padtop11 {
    padding-top: 11px !important;
}

.padtop12 {
    padding-top: 12px !important;
}

.padtop13 {
    padding-top: 13px !important;
}

.padtop14 {
    padding-top: 14px !important;
}

.padtop15 {
    padding-top: 15px !important;
}

.padtop20 {
    padding-top: 20px !important;
}

.padtop25 {
    padding-top: 25px !important;
}

.padtop30 {
    padding-top: 30px !important;
}

.padtop35 {
    padding-top: 35px !important;
}

.padtop40 {
    padding-top: 40px !important;
}

.padtop50 {
    padding-top: 50px !important;
}

.padtop60 {
    padding-top: 60px !important;
}

.padtop70 {
    padding-top: 70px !important;
}

.padtop80 {
    padding-top: 80px !important;
}

.padtop90 {
    padding-top: 90px !important;
}

.padtop100 {
    padding-top: 100px !important;
}

.padtop-1 {
    padding-top: -1px !important;
}

.padtop-2 {
    padding-top: -2px !important;
}

.padtop-3 {
    padding-top: -3px !important;
}

.padtop-4 {
    padding-top: -4px !important;
}

.padtop-5 {
    padding-top: -5px !important;
}

.padtop-6 {
    padding-top: -6px !important;
}

.padtop-7 {
    padding-top: -7px !important;
}

.padtop-8 {
    padding-top: -8px !important;
}

.padtop-9 {
    padding-top: -9px !important;
}

.padtop-10 {
    padding-top: -10px !important;
}

.padtop-11 {
    padding-top: -11px !important;
}

.padtop-12 {
    padding-top: -12px !important;
}

.padtop-13 {
    padding-top: -13px !important;
}

.padtop-14 {
    padding-top: -14px !important;
}

.padtop-15 {
    padding-top: -15px !important;
}

.padtop-20 {
    padding-top: -20px !important;
}

.padtop-25 {
    padding-top: -25px !important;
}

.padtop-30 {
    padding-top: -30px !important;
}

.padtop-35 {
    padding-top: -35px !important;
}

.padtop-40 {
    padding-top: -40px !important;
}

.padtop-50 {
    padding-top: -50px !important;
}

.padtop-60 {
    padding-top: -60px !important;
}

.padtop-70 {
    padding-top: -70px !important;
}

.padtop-80 {
    padding-top: -80px !important;
}

.padtop-90 {
    padding-top: -90px !important;
}

.padtop-100 {
    padding-top: -100px !important;
}

.padbottom0 {
    padding-bottom: 0;
}

.padbottom1 {
    padding-bottom: 1px !important;
}

.padbottom2 {
    padding-bottom: 2px !important;
}

.padbottom3 {
    padding-bottom: 3px !important;
}

.padbottom4 {
    padding-bottom: 4px !important;
}

.padbottom5 {
    padding-bottom: 5px !important;
}

.padbottom6 {
    padding-bottom: 6px !important;
}

.padbottom7 {
    padding-bottom: 7px !important;
}

.padbottom8 {
    padding-bottom: 8px !important;
}

.padbottom9 {
    padding-bottom: 9px !important;
}

.padbottom10 {
    padding-bottom: 10px !important;
}

.padbottom11 {
    padding-bottom: 11px !important;
}

.padbottom12 {
    padding-bottom: 12px !important;
}

.padbottom13 {
    padding-bottom: 13px !important;
}

.padbottom14 {
    padding-bottom: 14px !important;
}

.padbottom15 {
    padding-bottom: 15px !important;
}

.padbottom20 {
    padding-bottom: 20px !important;
}

.padbottom25 {
    padding-bottom: 25px !important;
}

.padbottom30 {
    padding-bottom: 30px !important;
}

.padbottom35 {
    padding-bottom: 35px !important;
}

.padbottom40 {
    padding-bottom: 40px !important;
}

.padbottom50 {
    padding-bottom: 50px !important;
}

.padbottom60 {
    padding-bottom: 60px !important;
}

.padbottom70 {
    padding-bottom: 70px !important;
}

.padbottom80 {
    padding-bottom: 80px !important;
}

.padbottom90 {
    padding-bottom: 90px !important;
}

.padbottom100 {
    padding-bottom: 100px !important;
}

.padbottom-1 {
    padding-bottom: -1px !important;
}

.padbottom-2 {
    padding-bottom: -2px !important;
}

.padbottom-3 {
    padding-bottom: -3px !important;
}

.padbottom-4 {
    padding-bottom: -4px !important;
}

.padbottom-5 {
    padding-bottom: -5px !important;
}

.padbottom-6 {
    padding-bottom: -6px !important;
}

.padbottom-7 {
    padding-bottom: -7px !important;
}

.padbottom-8 {
    padding-bottom: -8px !important;
}

.padbottom-9 {
    padding-bottom: -9px !important;
}

.padbottom-10 {
    padding-bottom: -10px !important;
}

.padbottom-11 {
    padding-bottom: -11px !important;
}

.padbottom-12 {
    padding-bottom: -12px !important;
}

.padbottom-13 {
    padding-bottom: -13px !important;
}

.padbottom-14 {
    padding-bottom: -14px !important;
}

.padbottom-15 {
    padding-bottom: -15px !important;
}

.padbottom-20 {
    padding-bottom: -20px !important;
}

.padbottom-25 {
    padding-bottom: -25px !important;
}

.padbottom-30 {
    padding-bottom: -30px !important;
}

.padbottom-35 {
    padding-bottom: -35px !important;
}

.padbottom-40 {
    padding-bottom: -40px !important;
}

.padbottom-50 {
    padding-bottom: -50px !important;
}

.padbottom-60 {
    padding-bottom: -60px !important;
}

.padbottom-70 {
    padding-bottom: -70px !important;
}

.padbottom-80 {
    padding-bottom: -80px !important;
}

.padbottom-90 {
    padding-bottom: -90px !important;
}

.padbottom-100 {
    padding-bottom: -100px !important;
}

.padleft0 {
    padding-left: 0 !important;
}

.padleft5 {
    padding-left: 5px !important;
}

.padleft10 {
    padding-left: 10px !important;
}

.padleft15 {
    padding-left: 15px !important;
}

.padleft20 {
    padding-left: 20px !important;
}

.padleft25 {
    padding-left: 25px !important;
}

.padleft30 {
    padding-left: 30px !important;
}

.padright0 {
    padding-right: 0 !important;
}

.padright5 {
    padding-right: 5px !important;
}

.padright10 {
    padding-right: 10px !important;
}

.padright15 {
    padding-right: 15px !important;
}

.padright20 {
    padding-right: 20px !important;
}

.padright25 {
    padding-right: 25px !important;
}

.padright30 {
    padding-right: 30px !important;
}

.padtb5 {
    padding: 5px 0 !important;
}

.padtb10 {
    padding: 10px 0 !important;
}

.padtb15 {
    padding: 15px 0 !important;
}

.padtb20 {
    padding: 20px 0 !important;
}

.padtb25 {
    padding: 25px 0 !important;
}

.padtb30 {
    padding: 30px 0 !important;
}

.padtb50 {
    padding: 50px 0 !important;
}

.padtb100 {
    padding: 100px 0 !important;
}

.padlr5 {
    padding: 0 5px !important;
}

.padlr10 {
    padding: 0 10px !important;
}

.padlr15 {
    padding: 0 15px !important;
}

.padlr20 {
    padding: 0 20px !important;
}

.padlr25 {
    padding: 0 25px !important;
}

.padlr30 {
    padding: 0 30px !important;
}

.padlr50 {
    padding: 0 50px !important;
}

.padlr100 {
    padding: 0 100px !important;
}

.pad0 {
    padding: 0 !important;
}

.pad5 {
    padding: 5px !important;
}

.pad10 {
    padding: 10px !important;
}

.pad15 {
    padding: 15px !important;
}

.pad20 {
    padding: 20px !important;
}

.pad25 {
    padding: 25px !important;
}

.pad30 {
    padding: 30px !important;
}

.pad35 {
    padding: 35px !important;
}

.pad40 {
    padding: 40px !important;
}

.pad45 {
    padding: 45px !important;
}

.pad50 {
    padding: 50px !important;
}

/*Finger touch*/
#icon_drag {
    position: absolute;
    right: 40px;
    bottom: 30px;
    background: url(/main/images/svg_icons/drag_icon.svg) 0 0 no-repeat;
    width: 50px;
    height: 30px;
    opacity: 0.6;
    z-index: 99;
}

#icon_drag2 {
    position: absolute;
    left: 50%;
    margin-left: -12px;
    bottom: -8px;
    background: url(/main/images/svg_icons/swipe_black_24.svg) 0 0 no-repeat;
    width: 50px;
    height: 30px;
    opacity: 0.6;
    z-index: 99;
}

/*Circle button*/
.pst_r_center {
    position: relative;
    top: 20px;
    left: 50%;
    margin-left: -20px;
    text-align: center;
}

@media(max-width:768px) {
    .pst_r_center {
        position: relative;
        top: 12px;
        left: 50%;
        margin-left: -20px;
        text-align: center;
    }
}

.btn-proc {
    position: relative;
    background-color: #F44336;
    color: #fff;
    z-index: 99;
}

.btn-proc-circle {
    border-radius: 50% !important;
    text-align: center !important;
    width: 50px;
    height: 50px;
    font-size: 15px;
    padding: 0;
    margin: 0;
}

.btn-proc2 {
    position: relative;
    background-color: #F44336;
    color: #fff;
    z-index: 99;
}

.btn-proc-circle2 {
    border-radius: 50% !important;
    text-align: center !important;
    width: 70px;
    height: 70px;
    font-size: 14px;
    padding: 0;
}

/*Ribbons*/
.ribbon_tabs {
    position: absolute;
    right: -5px;
    top: -5px;
    z-index: 1;
    overflow: hidden;
    width: 75px;
    height: 75px;
    text-align: right;
}

.ribbon_tabs span {
    font-size: 10px;
    font-weight: bold;
    color: #222;
    text-transform: uppercase;
    text-align: center;
    line-height: 20px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 100px;
    display: block;
    position: absolute;
    top: 19px;
    right: -21px;
}

.ribbon_tabs span.top_selling {
    background: #00dfaa;
}

.ribbon_tabs span.top_selling::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 100%;
    z-index: -1;
    border-left: 3px solid #008a69;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #008a69;
}

.ribbon_tabs span.top_selling::after {
    content: "";
    position: absolute;
    right: 0px;
    top: 100%;
    z-index: -1;
    border-left: 3px solid transparent;
    border-right: 3px solid #008a69;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #008a69;
}

/*book-ok*/
.ribbon_rooms {
    position: absolute;
    right: 0px;
    top: -15px;
    z-index: 1;
    overflow: hidden;
    width: 75px;
    height: 75px;
    text-align: left;
}

.ribbon_rooms span {
    font-size: 10px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    line-height: 20px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 100px;
    display: block;
    position: absolute;
    top: 19px;
    right: -21px;
}

.ribbon_rooms span.top_selling {
    background: #17a2b8;
}

.ribbon_rooms span.top_selling::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 100%;
    z-index: -1;
    border-left: 3px solid #107c8d;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #107c8d;
}

.ribbon_rooms span.top_selling::after {
    content: "";
    position: absolute;
    right: 0px;
    top: 100%;
    z-index: -1;
    border-left: 3px solid transparent;
    border-right: 3px solid #107c8d;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #107c8d;
}

/*book-close*/
.ribbon_close {
    position: absolute;
    right: 0px;
    top: -15px;
    z-index: 1;
    overflow: hidden;
    width: 75px;
    height: 75px;
    text-align: left;
}

.ribbon_close span {
    font-size: 10px;
    font-weight: bold;
    color: #222;
    text-transform: uppercase;
    text-align: center;
    line-height: 20px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 100px;
    display: block;
    position: absolute;
    top: 19px;
    right: -21px;
}

.ribbon_close span.top_selling {
    background: #ccc;
}

.ribbon_close span.top_selling::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 100%;
    z-index: -1;
    border-left: 3px solid #808080;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #808080;
}

.ribbon_close span.top_selling::after {
    content: "";
    position: absolute;
    right: 0px;
    top: 100%;
    z-index: -1;
    border-left: 3px solid transparent;
    border-right: 3px solid #808080;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #808080;
}

/*Today deal*/
.ribbon_focus {
    position: absolute;
    right: 10px;
    top: -5px;
    z-index: 1;
    overflow: hidden;
    width: 75px;
    height: 75px;
    text-align: left;
}

.ribbon_focus span {
    font-size: 10px;
    font-weight: bold;
    color: #222;
    text-transform: uppercase;
    text-align: center;
    line-height: 20px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 100px;
    display: block;
    position: absolute;
    top: 19px;
    right: -21px;
}

.ribbon_focus span.top_selling {
    background: #f4516c;
}

.ribbon_focus span.top_selling::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 100%;
    z-index: -1;
    border-left: 3px solid #B40404;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #B40404;
}

.ribbon_focus span.top_selling::after {
    content: "";
    position: absolute;
    right: 0px;
    top: 100%;
    z-index: -1;
    border-left: 3px solid transparent;
    border-right: 3px solid #B40404;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #B40404;
}

/*Spot sale*/
.ribbon_spotsale {
    position: absolute;
    right: 10px;
    top: -5px;
    z-index: 1;
    overflow: hidden;
    width: 75px;
    height: 75px;
    text-align: left;
}

.ribbon_spotsale span {
    font-size: 10px;
    font-weight: bold;
    color: #222;
    text-transform: uppercase;
    text-align: center;
    line-height: 20px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 100px;
    display: block;
    position: absolute;
    top: 19px;
    right: -21px;
}

.ribbon_spotsale span.top_selling {
    background: #FFC006;
}

.ribbon_spotsale span.top_selling::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 100%;
    z-index: -1;
    border-left: 3px solid #DBA901;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #DBA901;
}

.ribbon_spotsale span.top_selling::after {
    content: "";
    position: absolute;
    right: 0px;
    top: 100%;
    z-index: -1;
    border-left: 3px solid transparent;
    border-right: 3px solid #DBA901;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #DBA901;
}

/*Dc Coupon*/
.ribbon_dcup {
    position: absolute;
    right: 10px;
    top: -5px;
    z-index: 1;
    overflow: hidden;
    width: 75px;
    height: 75px;
    text-align: left;
}

.ribbon_dcup span {
    font-size: 10px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    line-height: 20px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 100px;
    display: block;
    position: absolute;
    top: 19px;
    right: -21px;
}

.ribbon_dcup span.top_selling {
    background: #5867dd;
}

.ribbon_dcup span.top_selling::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 100%;
    z-index: -1;
    border-left: 3px solid #3b4bc6;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #3b4bc6;
}

.ribbon_dcup span.top_selling::after {
    content: "";
    position: absolute;
    right: 0px;
    top: 100%;
    z-index: -1;
    border-left: 3px solid transparent;
    border-right: 3px solid #3b4bc6;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #3b4bc6;
}

.btn_fixed {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 10px;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    display: none;
    z-index: 9999;
}

@media (max-width: 991px) {
    .btn_fixed {
        display: block;
    }
}

/*ADD*/
.photoment {
    position: absolute;
    bottom: 0px;
    width: calc(100% - 30px);
    height: 20px;
    background-color: #000;
    opacity: 0.5;
    color: #fff;
    font-size: 12px;
    text-align: center;
    z-index: 99;
}

/*Waku ADD*/
.bd-rad0 {
    border-radius: 0px;
}

.bd-rad1 {
    border-radius: 1px;
}

.bd-rad2 {
    border-radius: 2px;
}

.bd-rad3 {
    border-radius: 3px;
}

.bd-rad4 {
    border-radius: 4px;
}

.bd-rad5 {
    border-radius: 5px;
}

.bd-rad10 {
    border-radius: 10px;
}

.bd-rad15 {
    border-radius: 15px;
}

.bd-dline1-gray {
    border: 1px dotted #ccc;
}

.bd-dline2-gray {
    border: 2px dotted #ccc;
}

.bd-dline3-gray {
    border: 3px dotted #ccc;
}

.bd-dline1-red {
    border: 1px dotted #ff0000;
}

.bd-dline2-red {
    border: 2px dotted #ff0000;
}

.bd-dline3-red {
    border: 3px dotted #ff0000;
}

.bd-sline1-gray {
    border: 1px solid #ccc;
}

.bd-sline2-gray {
    border: 2px solid #ccc;
}

.bd-sline3-gray {
    border: 3px solid #ccc;
}

.bd-sline1-red {
    border: 1px solid #ff0000;
}

.bd-sline2-red {
    border: 2px solid #ff0000;
}

.bd-sline3-red {
    border: 3px solid #ff0000;
}