/* 
    Document   : main
    Created on : 1 ก.ค. 2556, 11:49:24
    Author     : Administrator
    Description:
    Purpose of the stylesheet follows.
*/

@charset "UTF-8";
@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }

* { list-style-type: none; }

::selection { background-color: rgb(51, 0 , 0); color: white; }
::-webkit-input-placeholder { /* WebKit browsers */ font-family: 'Merriweather'; color: rgba(83,83,83,0.52); font-size: 13px; font-weight: normal; }
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ font-family: 'Merriweather'; color: rgba(83,83,83,0.52); font-size: 13px; font-weight: normal; }
::-moz-placeholder { /* Mozilla Firefox 19+ */ font-family: 'Merriweather'; color: rgba(83,83,83,0.52); font-size: 13px; font-weight: normal; }
:-ms-input-placeholder { /* Internet Explorer 10+ */ font-family: 'Merriweather'; color: rgba(83,83,83,0.52); font-size: 13px; font-weight: normal; }

table,tr,td,div { margin: 0px; padding: 0px; }
root { display: block; }
html { font-family: 'Open Sans',sans-serif; font-size: 100%; color: #000; margin:0; padding:0; width: 100%; height: 100%; background: #fff; overflow-x: hidden; }
body { margin: 0; padding: 0; background: #fff; }
@media (max-width: 1200px) { 
}
img,
.makets { /* IE 9 Fix */ -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }

.totop { display: none; position: fixed; bottom: 30px; right: 30px; cursor: pointer; width: 50px; height: 50px; background: #f69375; text-align: center; line-height: 50px; font-size: 32px; color: rgba(255,255,255,0.8); opacity: 0.7; -moz-opacity: 0.7; -webkit-opacity: 0.7; z-index: 999999; }
.totop:hover { opacity: 1.0; -moz-opacity: 1.0; -webkit-opacity: 1.0; }
.totop.tt-hide { display: none; }
.totop.tt-show { display: block; }

a { text-decoration: none !important; color: #f69375; transition: .20s ease-in-out; }
a:hover,
a:focus,
a:active { text-decoration: none !important; color: #2a190c; }
/*==========================================DEFUALT*/
.left { float:left !important;}
.right { float:right !important;}
.clear { clear:both !important;}
.bold { font-weight: bold !important; }
.italic { font-style: italic !important; }
.line { border:none; background: #ccc; width:100%; height:1px; }
.lines { border:none; background: #ccc; width:100%; height:1px; margin-top: 50px !important; margin-bottom: 50px !important; }
.txt-left { text-align: left !important; }
.txt-right { text-align: right !important; }
.txt-center { text-align: center !important; }
.txt-just { text-align: justify !important; }
.unbold { font-weight: normal !important; }
.pdlr { padding-left: 10px; padding-right: 10px; }
.nopadding { padding: 0; }
.no-padding { padding: 0 !important; }
.no-padding-lr { padding-left: 0 !important; padding-right: 0 !important; }
.no-margin { margin: 0 !important; }
.mgb-15 { margin-bottom: 15px; }
.box-shadow { box-shadow: 0 0 10px rgba(0, 0, 0, 0.40); }
/*==========================================COLOR*/
.gray_cl { color: #929292; }
.white { color: rgba(255,255,255,0.8); }
.red { color: red; }
.blue { color: #3198d3; }
.redxl { color: #c43442; }
.bg_gray { background: #fff; }
.wow { visibility: hidden; }
.display-hide { display: none; }
.b_test { border: 1px solid red; }
.set_blue { color: #2ec0dd !important; }
.set_green { color: #b4c055 !important; }
.set_brown { color: #604604; }
/*==========================================MARGIN*/
.mgt-0 { margin-top: 0 !important; }
.mgt-5 { margin-top: 5px !important; }
.mgt-10 { margin-top: 10px !important; }
.mgt-15 { margin-top: 15px !important; }
.mgt-20 { margin-top: 20px !important; }
.mgt-25 { margin-top: 25px !important; }
.mgt-30 { margin-top: 30px !important; }
.mgt-35 { margin-top: 35px !important; }
.mgt-40 { margin-top: 40px !important; }
.mgt-45 { margin-top: 45px !important; }
.mgt-50 { margin-top: 50px !important; }
.mgb-0 { margin-bottom: 0 !important; }
.mgb-5 { margin-bottom: 5px !important; }
.mgb-10 { margin-bottom: 10px !important; }
.mgb-15 { margin-bottom: 15px !important; }
.mgb-20 { margin-bottom: 20px !important; }
.mgb-25 { margin-bottom: 25px !important; }
.mgb-30 { margin-bottom: 30px !important; }
.mgb-35 { margin-bottom: 35px !important; }
.mgb-40 { margin-bottom: 40px !important; }
.mgb-45 { margin-bottom: 45px !important; }
.mgb-50 { margin-bottom: 50px !important; }
/*==========================================PADDING*/
/*------------------ NAV MENU -*/
/* navbar */
@media (min-width: 1200px) {
    .navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
        margin: 15px auto -40px auto;
    }

    .navbar .navbar-collapse {
        text-align: center;
    }

    .navbar-default .navbar-nav > li:first-child a { padding-left: 50px; -webkit-border-top-left-radius: 35px; -webkit-border-bottom-left-radius: 35px; -moz-border-radius-topleft: 35px; -moz-border-radius-bottomleft: 35px; border-top-left-radius: 35px; border-bottom-left-radius: 35px; }
    .navbar-default .navbar-nav > li:last-child > a { padding-right: 50px; -webkit-border-top-right-radius: 35px; -webkit-border-bottom-right-radius: 35px; -moz-border-radius-topright: 35px; -moz-border-radius-bottomright: 35px; border-top-right-radius: 35px; border-bottom-right-radius: 35px; }

}
@media (min-width: 1200px) {
    .navbar-default .navbar-nav > li.dropdown:hover > .dropdown-menu {
        display: block;
    }
}
.navbar { margin-bottom: 0; }
.navbar-default {
    background: #2a190c;
    border-bottom: 10px solid #f69375;
    z-index: 2;
}
/* title */
.navbar-default .navbar-brand {
    position: relative;
    padding: 7px 0 7px 15px;
    height: auto;
    color: #604604;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #5E5E5E;
}

.navbar-default .navbar-brand img {
    max-width: 100% !important;
    height: auto !important;
}
/* link */
.navbar-default .navbar-nav {
}
.navbar-default .navbar-nav > li {
}
.navbar-default .navbar-nav > li > a {
    font-family: 'Open Sans', 'Kanit',sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #2d1401;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
    vertical-align: middle;
    margin: 0 auto;
    background: #fff;
    text-transform: uppercase;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #fff;
    background: #f69375;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    background: #f69375;
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
    color: #000;
    background: #fff;
}
/* caret */
.navbar-default .navbar-nav > .dropdown > a .caret {
    line-height: 25px;
    border-top-color: #777;
    border-bottom-color: #777;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #333;
    border-bottom-color: #333;
}
.navbar-default .navbar-nav > .open > a .caret, 
.navbar-default .navbar-nav > .open > a:hover .caret, 
.navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: #555;
    border-bottom-color: #555;
}
/* mobile version */
.navbar-default .navbar-toggle {
    border-color: rgba(255,255,255,0.6);
    color: rgba(255,255,255,0.6);
    padding: 10px;
    margin: 15px;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: rgba(255,255,255,0.8);
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: rgba(255,255,255,0.8);
}
.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: rgba(255,255,255,0.8);
}
.navbar-default .navbar-toggle .dropdown:hover .dropdown-menu {
    display: block;
}

.navbar-default .navbar-nav > li.dropdown { position: relative; }
.navbar-default .navbar-nav > li.dropdown .dropdown-menu { position: absolute; min-width: 260px; left: 50%; right: auto; transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); background: #fff; padding-top: 15px; padding-bottom: 15px; border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }
.navbar-default .navbar-nav > li.dropdown .dropdown-menu > li { display: block; white-space: normal; height: auto; padding: 0; border-bottom: 1px solid #e7e7e7; }
.navbar-default .navbar-nav > li.dropdown .dropdown-menu > li:hover { background: url('../images/menu_icon_submenu.png') 9px 2px no-repeat; }
.navbar-default .navbar-nav > li.dropdown .dropdown-menu > li > a { font-family: 'Open Sans', 'Kanit', sans-serif; font-size: 14px; display: block; color: #2a190c; line-height: 30px; }
.navbar-default .navbar-nav > li.dropdown .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li.dropdown .dropdown-menu > li > a:focus { color: rgba(255,255,255,1); background: #2a190c; }
.navbar-default .navbar-nav > li.dropdown .dropdown-menu > li:last-child { border-bottom: none; }

@media (max-width: 1200px) {
    .navbar-default { }
    .navbar-default .container {
        width: 100%;
    }
    .navbar-default >.container-fluid .navbar-brand { margin-left: 0; height: auto; }
    .navbar-default .container-fluid {
        padding: 7px 0;
        width: 100%;
    }
    .navbar-default .navbar-header {
        float: none;
        margin-bottom: 0;
    }
    .navbar-default .navbar-toggle {
        display: block;
        padding: 10px;
        margin: 15px;
    }
    .navbar-default .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top .navbar-collapse {
        max-height: none;
    }
    .navbar-default .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-default .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-default .navbar-brand {
        padding: 0 0 0 15px;
        color: #000;
        height: auto;
    }
    .navbar-default .navbar-brand img {
        position: static;
        height: 100%;
        padding: 10px;
        z-index: 9999;
        max-height: 65px;
    }
    .navbar-default .navbar-nav > li {
        float: none;
    }
    .navbar-default .navbar-nav > li > a {
        display: block;
        line-height: 20px;
        text-align: left;
        color: #000;
        margin: 0 auto;
        margin-left: 15px;
        margin-right: 15px;
        padding: 10px 10px;
        border-bottom: 1px solid #d7d7d7;
    }
    .navbar-default .navbar-nav > li > a:after {
        content: "";
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /*since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }

    .navbar-default .navbar-nav > li.dropdown.open { position: static; }
    .navbar-default .navbar-nav > li.dropdown.open .dropdown-menu { position: static; display: block; width: 100%; transform: translate(0, 0); -moz-transform: translate(0, 0); -webkit-transform: translate(0, 0); margin: 0 auto; text-align: left; background: #fff; padding-left: 30px; padding-right: 30px; padding-top: 0; padding-bottom: 0; border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }
    .navbar-default .navbar-nav > li.dropdown.open .dropdown-menu > li {  }
    .navbar-default .navbar-nav > li.dropdown.open .dropdown-menu > li:hover {  }
    .navbar-default .navbar-nav > li.dropdown.open .dropdown-menu > li > a { line-height: 20px; font-size: 14px; }
    .navbar-default .navbar-nav > li.dropdown.open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav > li.dropdown.open .dropdown-menu > li > a:focus {  }
}

@media (max-width: 768px) {
    .navbar-header { padding: 0 15px; }
    .navbar-default .container { width: 100%; }
    .navbar-default .navbar-brand {
        padding: 0 0 0 15px;
        color: #000;
        height: auto;
    }
    .navbar-default .navbar-brand img {
        position: static;
        height: 100%;
        padding: 10px;
        z-index: 9999;
        max-height: 65px;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777;
        padding: 10px 10px;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333;
    }
    .navbar-default .navbar-nav > li > a {
        line-height: 25px;
        border-bottom: 1px solid #d7d7d7;
    }
    .navbar-default .nav >li >a {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .navbar-default .navbar-toggle {
        padding: 10px;
        margin: 15px;
    }
    .breadcrumb>li+li:before{content:"/\00a0";padding:0 5px !important;color:#ccc;}
    .header-contact .tel { text-align: left; }
    #rc-imageselect {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}
}

@media (max-width: 1024px) {
    .navbar-default .navbar-nav > li.dropdown { position: static; clear:both; }
}

.mob_logo { background: #2d1401; padding: 20px 0; }
.mob_logo img { width: 30%; }
.setclr { color: #f69375 !important; }
.info { font-family: 'Open Sans', 'Tahoma', sans-serif; }
.fontnormal { font-weight: normal; }
.wow { visibility: hidden; }
/* INPUT */
input[type='text'],
input[type='password'],
input[type='email'],
input[type='submit'],
input[type='number'],
textarea.form-control,
select.form-control { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; resize: none; }
input[type='text'].blue,
input[type='password'].blue,
input[type='email'].blue,
input[type='submit'].blue,
input[type='number'].blue,
select.form-control.blue { color: #00a0d8; }
.btn-coffee { margin: 5px auto; font-family: 'Open Sans Condensed', 'Kanit', sans-serif; font-weight: 600; font-size: 24px; text-transform: uppercase; text-align: center; background-color: #db5c10; color: rgba(255,255,255,1); text-transform: uppercase; border-radius: 35px; -moz-border-radius: 35px; -webkit-border-radius: 35px; border: none; }
.btn-coffee:hover,.btn-coffee:focus,.btn-coffee:active { color: rgba(255,255,255,0.8); background: #2d1401; }
.btn-coffee.min { font-size: 16px; padding-left: 30px; padding-right: 30px; line-height: 30px; border-radius: 35px; -moz-border-radius: 35px; -webkit-border-radius: 35px; border: none; }
.showdate { display: block; font-family: 'Open Sans Condensed', 'Kanit', sans-serif; font-weight: 600; font-size: 32.81px; text-transform: uppercase; color: #fff; padding-top: 50px; }
.showdate > .setbig { font-size: 38px; }
/*------------------ HOME -*/
.container { margin: 0 auto; padding: 0; }
.container-fluid { padding: 0; margin: 0; }
.container-fluid .row { margin: 0 auto; padding: 0 auto; }
.make-shadow { -webkit-box-shadow: 2px 3px 15px 0px rgba(51,51,51,0.25); -moz-box-shadow: 2px 3px 15px 0px rgba(51,51,51,0.25); box-shadow: 2px 3px 15px 0px rgba(51,51,51,0.25);}

/* top menu */
.top-menu { position: relative; display: block; margin: 0 auto; }
.top-menu .items { position: absolute; top: 0; right: 0; display: inline-block; font-family: 'Open Sans', 'Kanit', sans-serif; padding: 0 28px; font-size: 14px; color: #000; margin-left: 7px; margin-right: 7px; background: rgba(255,255,255,0.2);-webkit-border-bottom-right-radius: 25px; -webkit-border-bottom-left-radius: 25px; -moz-border-radius-bottomright: 25px; -moz-border-radius-bottomleft: 25px; border-bottom-right-radius: 25px; border-bottom-left-radius: 25px; }
.top-menu .tels { vertical-align: middle; margin: 0; }
.top-menu .langs { font-family: 'Kanit', sans-serif; font-size: 16px; vertical-align: middle; line-height: 40px; margin: 0; }
.top-menu .langs a { font-family: 'Kanit', sans-serif; font-size: 16px; color: rgba(255,255,255,0.8); font-weight: 300; text-decoration: none; margin-left:3px; margin-right:3px; }
.top-menu .langs a:hover { color: #f69375; }

.top-menu .divider { margin-left: 8px; margin-right: 8px; color: rgba(255,255,255,0.3); font-weight: 300; }

/* banner */
.banner_frame { position: relative; }
.banner_frame .banner { display: block; margin: auto; padding: 0; }
.banner_frame .banner img { display: block; width: 100%; height: auto; }
.banner_frame .groud { position: absolute; bottom: 0; left: 0; right: 0; height: 13px; background: url('../../images/top_frame.png') left center repeat-x; z-index: 10; }

/*----------- Validate Form ----------*/
.validate-error { border-color: red !important; }
.validate-warn { border-color: orange !important; }
.validate-success { border-color: green !important; }

/* Welcome */
.welcome { display: block; margin: 30px auto; text-align: center; }
.welcome .top_title { font-family: 'Open Sans Condensed', 'Kanit', sans-serif; text-transform: capitalize; color: #000; font-weight: 600; font-size: 30px; }
.welcome .paragrah { margin: 10px auto; font-family: 'Open Sans', 'Tahoma', sans-serif; font-size: 14px; font-weight: 600; color: rgba(0,0,0,0.8); line-height: 20px; padding: 15px; }

/* middle video */
.midbox { display: block; margin: auto; padding: 0 15px; width: 100%; height: auto; background: url('../../images/bg_middle.png') center center no-repeat; background-size: cover; padding-top: 20px; padding-bottom: 20px; }
.midbox .top_title { font-family: 'Open Sans Condensed', 'Kanit', sans-serif; font-size: 30px; font-weight: 600; color: #fff; text-transform: uppercase; text-align: center; margin: 30px auto; }
.midbox .logo_cololist { display: block; margin: 15px auto; text-align: center; }
.midbox .logo_cololist a { display: inline-block; margin: 7px; }

/* count down */
.event_countdown { text-align: center; margin-bottom: 10%; }
.event_countdown .counte_item { font-family: 'Open Sans Condensed', 'Kanit', sans-serif; margin: 2px; font-weight: 700; text-transform: uppercase; background: rgba(0,0,0,0.5); border: none; padding: 10px 0; }
.event_countdown .counte_item .h { color: #f27d94; font-size: 46px; text-align: center; margin: 0 auto; line-height: 46px; padding: 0; font-weight: 600; }
.event_countdown .counte_item .d { color: #fff; font-size: 15px; text-align: center; margin: 0 auto; font-family: 'Open Sans Condensed', 'Kanit', sans-serif; font-weight: 600; color: rgba(255,255,255,1); text-transform: uppercase; }


@media (max-width: 750px) {
    .date_time_line .h { font-size: 30px; }
    .date_time_line .s { font-size: 18px; background: rgba(0,0,0,0.3); background-image: none; height: auto; }
    .event_countdown .counte_item .h { font-size: 34px; }
    .event_countdown .counte_item .d { font-size: 12px; }
}

/* section icon */
.iconsector { background: #f2f2f2 url('../../images/bg_grey.png') bottom left repeat-x; padding: 50px 0 80px 0; }
.iconsector.onpage { background: #f2f2f2 url('../../images/bg_grey.png') bottom left repeat-x; padding: 0 0 0 0; margin-bottom: 15px; }
.iconsector .icon_list { margin: 0 auto; padding: 0; text-align: center; }
.iconsector .icon_list li { display: inline-block; height: auto; padding: 0 15px; margin: 15px auto; margin-bottom: 20px; }
.iconsector .icon_list li .img { display: block; width: 100%; height: 100px; margin: auto; white-space: nowrap; }
.iconsector .icon_list li .img:before {  content: ' '; display: inline-block; vertical-align: middle; height: 100%; }
.iconsector .icon_list li .img img { display: inline-block; vertical-align: bottom; margin: auto; }
.iconsector .icon_list li .text { display: block; font-family: 'Open Sans', 'Kanit', sans-serif; font-size: 16px; font-weight: 600; line-height: 18px; padding-top: 15px; padding-bottom: 5px; }
.iconsector .icon_list li .hrlin { margin: 5px auto; padding: 0; width: 30%; height: 4px; border: none; background: #db5c10; }
.iconsector .icon_list li a { color: rgba(0,0,0,0.80); }
.iconsector .icon_list li a:hover { color: #db5c10; }


/* confirm exhibi */
.confirmexhi { display: block; margin: 0 auto; padding: 30px 0; }
.confirmexhi .top_title { font-family: 'Open Sans Condensed', 'Kanit', sans-serif; text-transform: uppercase; color: #000; font-weight: 600; font-size: 30px; text-align: center; }
.confirmexhi .paragrah { margin: 5px auto; font-family: 'Open Sans', 'Tahoma', sans-serif; font-size: 14px; font-weight: 600; color: rgba(0,0,0,0.8); line-height: 20px; padding: 0 15px; }
.confirmexhi ul.mains { display: block; width: 1100px; height: 250px; margin-left: auto; margin-right: auto; margin-top: 25px; }
.confirmexhi ul.mains > li { float: left;  margin-top: 25px; margin-left: 5px; margin-right: 5px; }
.confirmexhi ul.mains > li img { max-width: 480px; max-height: 130px; }

.single_banner { padding: 30px 0; background: #f4f3f3; }

/* page_top_banner */
.page_top_banner { display: block; margin: 0 auto; padding: 0; max-height: 200px; overflow: hidden; }
.page_top_banner img { display: block; width: 100%; height: auto; }

/* page content */
.page_content { display: block; margin: 30px auto; }
.page_content .container { padding-bottom: 35px; border-bottom: 1px solid #d7d7d7; }
.page_content .top_title { margin: 0 auto; font-family: 'Open Sans Condensed', 'Kanit', sans-serif; font-size: 30px; font-weight: 600; text-transform: uppercase; padding: 15px; }
.page_content .content { margin: 30px auto; }
.page_content .content img { max-width: 100%; }

/* content_left */
.content_left li { height: auto; }
.content_left li img { width: auto!important; height: auto!important; max-width: 100%;  }

/* my table */
.mytable { margin: 0 auto 30px auto; width: 100%; height: auto; }
.mytable > * { font-family: 'Open Sans', 'Tahoma', sans-serif; font-size: 14px; font-weight: 600; line-height: 25px; }
.mytable > tbody > tr > td { padding: 10px 15px; }
.mytable>tbody>tr:nth-child(odd)>td, 
.mytable>tbody>tr:nth-child(odd)>th {
    background-color: #fff2ee;
    //color: #fff;
}
.mytable>tbody>tr:nth-child(odd)>td a, 
.mytable>tbody>tr:nth-child(odd)>th a { /*color: #fff;*/ }

.table>tbody>tr>td.info { background: #fff; }

.statics .head_top { font-family: 'Open Sans', 'Tahoma', sans-serif; font-size: 18px; line-height: 18px; font-weight: 400; margin: 0 auto 20px auto; text-transform: uppercase; color: rgba(0,0,0,0.8); }

/* footer */
.footer { display: block; margin: auto; padding: 0; text-align: center; }
.footer .head_top { font-family: 'Open Sans Condensed', 'Kanit', sans-serif; font-size: 14px; font-weight: 600; text-align: center; }
.footer .show_logo { margin: 0 auto; padding: 0; } 
.footer .info_data { display: block; margin: 0 auto; padding: 0; min-height: 100px; }
.footer .info_data:before {  content: ' '; display: inline-block; vertical-align: middle; height: 100%; }
.footer .info_data img { display: inline-block; vertical-align: bottom; margin: auto; }
.footer .info_data li { display: inline-block; margin: 5px; }
.footer .copy { font-family: 'Open Sans', 'Tahoma', sans-serif; background: #2a190c;  line-height: 25px; font-size: 14px; color: rgba(255,255,255,0.5); text-align: center; padding: 10px 0; }
.footer .copy .sbk a { line-height: 30px; color: rgba(255,255,255,0.3); }

/* menu set */
.menu_set { display: block; margin: 0 auto; padding: 0; }
.menu_set h3 { margin: 0 auto 15px auto; font-family: 'Open Sans Condensed', 'Kanit', sans-serif; font-size: 22px; font-weight: 600; text-transform: uppercase; line-height: 25px; }
.menu_set ul { margin: 5px auto 15px auto; padding: 0; }
.menu_set ul li { display: block; margin: auto; }
.menu_set ul li a { display: block; font-size: 16px; line-height: 35px; border-bottom: 1px solid #d7d7d7; }
.menu_set ul li a:before { display: inline-block; font-family: 'FontAwesome';content: "\f105"; font-size: 18px; margin-right: 10px; margin-left: 5px; }

.cd-top {
    display: inline-block;
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: 40px;
    right: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    /* image replacement properties */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: rgba(242, 125, 148, 0.8) url(../img/img_top.png) no-repeat center 50%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
    /* the button becomes visible */
    visibility: visible;
    opacity: 1;
}
.cd-top.cd-fade-out {
    /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
    opacity: .5;
}
.no-touch .cd-top:hover {
    background-color: rgba(242, 125, 148, 1);
    opacity: 1;
}
@media only screen and (min-width: 768px) {
    .cd-top {
        right: 20px;
        bottom: 20px;
    }
}
@media only screen and (min-width: 1024px) {
    .cd-top {
        height: 60px;
        width: 60px;
        right: 30px;
        bottom: 30px;
    }
}

/* Base for label styling 
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
    position: relative;
    padding-left: 5%;
    line-height: 1.3;
    cursor: pointer;
}

/* checkbox aspect 
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0; top: 0;
    width: 1.25em; 
    height: 1.25em;
    border: 2px solid #ccc;
    background: #fff;
    border-radius: 4px;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
}
/* checked mark aspect 
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
    content: '✔';
    position: absolute;
    top: .1em; 
    left: .20em;
    font-size: 1.3em;
    line-height: 0.8;
    color: #09ad7e;
    transition: all .2s;
}
/* checked mark aspect changes 
[type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}
[type="checkbox"]:checked + label:after {
    opacity: 1;
    transform: scale(1);
}
/* disabled checkbox
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}
[type="checkbox"]:disabled:checked + label:after {
    color: #999;
}
[type="checkbox"]:disabled + label {
    color: #aaa;
}
/* accessibility 
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {

}
*/
/* hover style just for information */
label:hover:before {

}
.preform { line-height: 25px; }
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background: #fff; }