@charset "utf-8";
/* CSS Document */
/*0e8ac8*/
/*
  font-family: 'FreesiaUPC';
 font-family: 'FreesiaUPCBold';
*/

body {   font-family: 'THSarabunNew';font-size:24px; line-height:26px;font-weight: normal; color:#002944; margin:0; padding:0; background:#FFF; }
a {  color:#002944; text-decoration:none;}
a:hover {  color:#0e8ac8; text-decoration:none;}
.clear { clear:both;}
th {font-weight: normal; letter-spacing: 0}
/*Main Layout*/
#wrapper {margin: 0; padding: 0; width: 100%;  }
#Containner {margin: 0 auto; padding: 0; width: 100%;/* max-width: 1440px;*/}

#sideLeft {width:19%; background: #034c51; float: left; }
#sideRight {width:81%; background: #fff; float: left;}
.content { width: 90%; margin: 0 auto; padding: 40px 0  }
.content-form { padding: 20px 0 20px 0; }
.content-inner { padding: 0 10px 0 0; }
.box-padnone td {padding: 2px !important}
.content-app {width: 80%; margin: 0 auto}
/*//Main Layout*/

.logo {padding: 0 0 0 0; text-align: center;
	 background: #0e8ac8; width: 90px; float: left;}
.content-head {width: 96%; margin: 0 auto}

.nav {background: #0e8ac8; border-top: 1px solid #cdcdcd; border-left: 1px solid #cdcdcd;  padding:7px 0 6px 20px; color: #fff; font-size: 20px; height: 26px;}
.nav a {color: #fff}
.nav span { font-weight: bold; color: #f9cd55}
ul.mnleft {margin: 0 0 40px 0; padding: 0;}
ul.mnleft>li {margin: 0; padding: 0; list-style: none;background: #034c51; border-bottom: 1px solid #cdcdcd; position: relative}
ul.mnleft>li>a {display: block; letter-spacing: -1px; padding:10px 15px; font-size: 32px; color: #cdcdcd;   font-family: 'THSarabunNew-Bold';font-weight: normal; position: relative}
ul.mnleft li a .box-mn img {margin-right: 10px; position: absolute; left: 0; top: 0;  }
ul.mnleft li a .box-mn {width: 45px; height: 54px; margin-right: 10px; position: relative;}
ul.mnleft li a.selectMn {background: #0e8ac8; color: #fff}
ul.mnleft li a .box-mn img {width: 100%}
ul.mnleft li a .img-nor {opacity: 1;}
ul.mnleft li a .img-de {opacity: 0;}

ul.mnleft li a.selectMn .img-nor {opacity: 0;}
ul.mnleft li a.selectMn .img-de {opacity: 1;}


ul.mnleft li a span {position: absolute; right: 15px; top:29px}
ul.mnleft li a span img {position: absolute; width: 18px; height: 20px; right: 0;}
ul.mnleft li a:hover { background: #0e8ac8; color: #fff}
ul.mnleft li a:hover .img-nor {opacity: 0;}
ul.mnleft li a:hover .img-de {opacity: 1;}

ul.mnleft li a span .arrow {opacity: 1;}
ul.mnleft li a span .arrow-down {opacity: 0;}

ul.mnleft li a.selectMn .arrow {opacity: 0;}
ul.mnleft li a.selectMn .arrow-down {opacity: 1;}

.submn {background: #0e8ac8}
.submn ul {margin: 0 0 0 0; padding: 0}
.submn ul li {margin: 0; padding: 0; list-style: none; }
.submn ul li a { font-family: 'THSarabunNew-Bold';display: block; padding:5px  5px 5px 40px;background: url(../images/mn/bullet.png) no-repeat 20px 11px; font-size: 26px; color: #fff; letter-spacing: -1px}
.submn ul li a:hover {background: url(../images/mn/bullet.png) no-repeat 20px 11px #034d89 }
.submn ul li a.select-sub {background: url(../images/mn/bullet.png) no-repeat 20px 11px #034d89 }



.submn-yello {padding: 0;}
.submn-yello ul {margin: 0 0 0 0; padding-bottom: 0;}
.submn-yello ul li {margin: 0; padding: 0; list-style: none; }
.submn-yello>ul>li>a {display: block; padding:5px  20px 5px 40px;background: url(../images/mn/bullet-yello.png) no-repeat 20px 11px; font-size: 26px; color: #f9cd55;}
.submn-yello ul li a:hover {background: url(../images/mn/bullet-yello.png) no-repeat 20px 11px #034d89 ; color: #f9cd55}
.submn-yello ul li a.select-sub-yello{background: url(../images/mn/bullet-yello.png) no-repeat 20px 11px #034d89 ; color: #f9cd55}


h2.txt-mn { text-align: right;color: #f9cd55; font-size: 26px;  font-family: 'THSarabunNew-Bold'; border-bottom:solid 1px #f9cd55; padding:0 0 5px 20px; margin:40px 20px 20px 20px; }

/*header*/
.header {background: #0e8ac8; left: 0; z-index: 9; position: fixed;width: 100%;   border-left: 1px solid #cdcdcd; overflow: hidden}
.header-right {width:200px; float: right}
.header-left {width:886px; float: left}
.box-logout {width: 40px; float: left; border-left: 1px solid #cdcdcd; text-align: center;}
.box-logout img {display: block; margin: 0 auto}
.box-logout a {display: block; padding: 38px 0}
.box-user {width: 150px; float: left; text-align: right;  padding: 24px 0 0 0  }
h2.txt-user {color: #fff; font-size: 20px; margin: 0 10px 0 0; padding: 0; font-weight: normal; letter-spacing: -1px;  font-family: 'THSarabunNew-Bold';}
h2.txt-user span{display: block}

h1,h2,h3,h4,h5,h6  {font-weight: normal;   font-family: 'THSarabunNew-Bold';}
/*mntop*/
ul.mntop {margin: 0; padding: 0; width: 40%; float: left;}
ul.mntop li {margin: 0; padding: 0; list-style: none;  display: block; float: left}
ul.mntop li a {display: block; padding: 5px 5px 5px 5px; text-align: center; letter-spacing: -1px}
ul.mntop li a:hover {background: #034d89}
ul.mntop li h2 {color: #fff; font-size: 26px; line-height: 20px; margin: 0; padding: 0; letter-spacing: -1px; text-align: center;  font-family: 'THSarabunNew-Bold';}
ul.mntop li h1 {color: #fff; font-size: 38px; line-height: 20px; margin: 0; padding: 0; text-align: center;font-family: 'THSarabunNew-Bold';}

ul.mntop li .box-txthead { width: 80px; text-align: center; border-right: 1px solid #cdcdcd; padding: 36px 0}
ul.mntop li .box-txthead-master {  text-align: center;  padding: 61px 0 0 10px; color: #f9cd55 !important}
ul.mntop li .box-txthead a:hover {background: none}
ul.mntop li .box-txthead a:hover h1 {color: #f9cd55}
ul.mntop li.step-active h1 { color: #f9cd55;  }
ul.mntop li.step-active { color: #f9cd55;  }
ul.mntop li a span {display: block; width: 50px; height: 55px; position: relative; margin:0 auto 7px auto}
ul.mntop li a span img {position: absolute; top: 0; left: 0; width: 100%}
ul.mntop li a span .img-step {opacity: 1}
ul.mntop li a span .img-step-de {opacity: 0}
ul.mntop li a span .img-step-complete {opacity: 0}


ul.mntop li a.select-mntop {background: #034d89; color: #fff;}

ul.mntop li.step-active span .img-step {opacity: 0}
ul.mntop li.step-active span .img-step-de {opacity: 1}
ul.mntop li.step-active span .img-step-complete {opacity: 0}

ul.mntop li.step-active h2 { color: #f9cd55;    font-family: 'THSarabunNew-Bold';}

ul.mntop li.step-complete h2 {color: #8bc53F}
ul.mntop li.step-complete span .img-step {opacity: 0}
ul.mntop li.step-complete span .img-step-de {opacity: 0}
ul.mntop li.step-complete span .img-step-complete {opacity: 1}


.menu {width: 47%; float: right; text-align: right;}
.menu ul {margin: 42px 0 0 0; padding: 0;}
.menu ul li {margin: 0; padding: 0 20px 0 0; list-style: none; display: inline-block;}
.menu ul li a {color: #fff; font-size: 26px;}
.menu ul li a:hover { color:#f9cd55}
.menu ul li a.active { color:#f9cd55}

.menu ul li a.staff {border: 1px solid #fff; padding: 5px 20px; border-radius:6px;}
/*form*/

.box-form-search {  width: 90%; margin: 0 auto 20px auto}
input, textarea, selectbox { font-family: 'THSarabunNew';font-size:22px; line-height:26px;font-weight: normal; color:#002944;    }
.txtbox {width:99%; border: 1px solid #0e8ac8; background: transparent; padding: 5px 0; text-indent: 6px; color: #111;  }
.txtbox-pop {width:99%; border: 1px solid #0e8ac8; background: transparent; padding: 3px 0; text-indent: 6px; color: #111;  }
.txtbox.typeFile {padding: 0 !important}


textarea.txtbox {width:97%; border: 1px solid #0e8ac8; background: transparent; padding: 5px 1%; text-indent: 0;  color: #111; }
textarea.txtboxwhitw {width:97%; border: 1px solid #0e8ac8; background: #fff; padding: 5px 1%; text-indent: 0;  color: #111; }
textarea.txtbox.yello {width:97%; border: 1px solid #f9cd55 !important; background: #fff; padding: 5px 1%; text-indent: 0;  color: #111; }
 
.txtbox.yello, .txtbox-pop.yello {width:99%; border: 1px solid #f9cd55; background: transparent; padding: 5px 0; text-indent: 6px; color: #111; }
.txtbox.bgwhite , .txtselectbox.bgwhite {background: #fff}
.txtbox.bggray {background: #e2e2e2; border: none; text-align: center;text-indent: 0}

.txtselectbox { border-radius:0 !important; box-shadow: none !important; width: 100%; border: 1px solid #0e8ac8; font-family: 'THSarabunNew';font-size:22px; line-height: 26px; background:  transparent; padding: 0 0; text-indent: 2px; color: #111;height: 37px;}

a.btn-all {background: #0e8ac8;    font-family: 'THSarabunNew-Bold'; border: none; color: #fff; font-size: 22px; line-height: 22px; text-align: center; border-radius: 20px; padding: 7px 27px 5px 27px; display: inline-block}
 a.btn-all-pop {background: #f9cd55;    font-family: 'THSarabunNew-Bold'; border: none; color: #fff; font-size: 22px;line-height: 22px; text-align: center; border-radius: 20px; padding: 7px 27px 5px 27px; display: inline-block}

.btn-all.yellow {color: #f9cd55 !important}
.btn-all.bgyellow {background: #f9cd55 !important; color: #002944}



.btn-all:hover  {color: #fff; cursor: pointer; background: #034d89} 
.btn-all-pop:hover {color: #002944; cursor: pointer; background: #ffc72a} 
 
button.btn-all {background: #0e8ac8;    font-family: 'THSarabunNew-Bold'; border: none; color: #fff; font-size: 22px; line-height: 22px; text-align: center; border-radius: 20px; padding: 7px 27px 5px 27px; display: inline-block}
 button.btn-all-pop {background: #f9cd55;    font-family: 'THSarabunNew-Bold'; border: none; color: #002944; font-size: 22px;line-height: 22px; text-align: center; border-radius: 20px; padding: 7px 27px 5px 27px; display: inline-block}

 
.box-table {overflow: auto;-webkit-overflow-scrolling: touch;}
.margin-btn {margin-bottom: 40px;}


.tbl_manage {  margin-bottom: 20px;}
.tbl_manage thead {background: #0e8ac8; color: #fff; }
.tbl_manage thead th {padding: 8px 4px; letter-spacing: -1px;  font-family: 'THSarabunNew-Bold'; }
.tbl_manage > tbody > tr:nth-of-type(2n+1){background: #eff2f4;}
.tbl_manage > tbody > tr:nth-of-type(2n+2){background: #e5e5e5;}
.tbl_print {  margin-bottom: 20px;}
.tbl_manage tbody tr td {vertical-align: top; padding: 7px 6px}
.tbl_manage.middle tbody tr td {vertical-align: middle !important}

.tbl_manage > tbody > tr:hover {background: #d5d5d5}

.tbl_manage.theadYellow thead {background: #f9cd55; color: #002944; }







/*
.tbl_print thead { padding: 10px 10px; color: #111; font-family: 'FreesiaUPCBold'; 
  background: #0e8ac8;
 }
 
*/
h2 {line-height: normal}
table { padding: 2px !important}
.txtred {color: #ff0000;}
.txtred a {color: #ff0000;}

.txtblue {color: #0000ff}
.txtblue a {color: #0000ff}

.txt-underline {text-decoration: underline}
.txtsub { float: right;border-bottom: 1px solid #f9cd55;font-size: 28px; color: #002944; margin: 0; padding: 14px 0 0 0;  font-family: 'THSarabunNew-Bold';}
.txtsub-underline {display: inline-block;border-bottom:1px solid #f9cd55;font-size: 26px; color: #002944; margin: 0 0 10px 0; padding: 0;  font-family: 'THSarabunNew-Bold';}
.txtright {text-align: right}
.txtleft {text-align: left}
.txtcenter {text-align: center}

.ui-widget.ui-widget-content {width: 280px; border: 1px solid #ccc}
.ui-datepicker table a , .ui-datepicker th{font-family: tahoma !important; font-size: 15px;}
.box-browse-img {border: 1px solid #f9cd55; height: 300px; width: 300px; margin-left: 0; justify-content: center; text-align: center; flex-direction: column; display: flex; position: absolute; top: 0; left: 0p}
.wrap-form {margin: 0; padding: 0;}

.box-btn {margin:40px auto; text-align: center}
.box-name-top { background: #f9cd55; font-size: 26px; color: #002944; padding: 10px 20px; float: left; margin-bottom: 20px; width: 414px;}
.box-name-top h2 {margin: 0; padding: 0;font-size: 28px;}
.box-title { margin: 0 0 0 0;}
.box-title-sub { margin: 0 0 0 0; padding: 5px 10px 0 10px; background:#eff2f4;  }
.box-title-sub span {font-family: 'THSarabunNew-Bold';}

.btn-boxsearch {padding: 20px 0 0 0; margin: 0; text-align: center}

ul.btn-list {margin: 0; padding: 0; float: left;}
ul.btn-list li {margin: 0 2px 0 0; padding: 0; list-style: none; display: inline-block}
ul.btn-list li a { width:40px; height: 40px;   display: block; background: #f9cd55;  justify-content: center; color: #fff; text-align: center; border-radius: 100%}
ul.btn-list li img {width: 100%; margin: 0; padding: 0;display: block}


/*ul.btn-list li a { width: 28px; height: 28px;   display: block; background: #f9cd55;  justify-content: center; color: #fff; text-align: center; border-radius: 100%}

ul.btn-list li a i {font-size: 26px;}
ul.btn-list li a:hover{background: #ffc72a}
*/




.box-system { background: #f9cd55; font-size: 28px; color: #002944; padding: 10px; float: left;   width: 582px;}
.box-system h2 {margin: 0; padding: 0;font-size: 28px;}
.box-system-border {width: 580px; border: 1px solid #f9cd55; padding: 10px; font-size: 24px; position: relative}
.txtapp {position: absolute; right: 21px; top: 10px; font-size: 32px;}
.box-border-yello { border: 1px solid #f9cd55; padding: 10px;   }
.box-border-blue { border: 1px solid #0e8ac8; padding: 10px;   }
.box-system-form {margin-top: 30px; width: 500px; padding: 10px;}
.box-system-table {width: 80%; padding: 10px 0;margin-top: 30px; }
.box-system-profile-left {width: 41%; float: left;}
.box-system-profile {float: right; width: 59%;}

.box-system-form-add {margin-top: 10px; width: 600px; padding: 10px;}


.txtdate { font-family: 'THSarabunNew-Bold';}

.box-report {padding: 0 20px; color: #034d89; font-size: 32px; line-height: 34px;}
.box-report  li {padding-bottom: 10px;}
.box-report a {color: #034d89}
.box-report a:hover {color: #002944;}
.pad-btn {padding-top: 20px; text-align: right}

.box-form-master {  width:100%; margin: 0 auto 20px auto}
.popup-content .box-btn {margin:20px auto}



/*academic*/

.box-fieldset {margin-bottom: 30px;}
.box-fieldset fieldset {border: 1px solid #f9cd55}
.box-fieldset legend {font-size: 28px; padding: 0 10px}
.box-fieldset .box-pad {padding: 10px 0 0 0;}

.btn-add {background: #f9cd55; color: #002944; padding: 5px 10px;display: inline-block; margin-bottom: 10px;}
.btn-add:hover {color: #002944;}
.btn-add img {margin: 2px 5px -3px 0;}

.box-fieldset .tbl_manage {margin-bottom: 0}


.col-49 {width: 49%;}
.push-left {float: left}
.push-right {float: right}

/*acadimic*/
.box-search-app {position: absolute; top: 4px; left: 50px; width: 300px}
.bar-status-gray {background: #cbcbcb; height: 20px; width: 100%; position: relative}
.bar-status-gray .bar-yellow { height: 20px; width: 20%; color: #000; font-size: 16px; background: #f9cd55; left: 0;position: absolute}

.box-content-academic {padding: 0 10px 10px 20px;}
.w-auto {width: auto; margin-bottom: 0}


h4.accor-title { background: url(../images/icon/bullet-tab-close.png) no-repeat right #eff2f4;  line-height: normal; padding: 0 10px; margin: 0 0 1px 0;}
h4.accor-title.ui-state-active {background: url(../images/icon/bullet-tab-open.png) no-repeat right #eff2f4;}

h4.ui-state-default {border: none !important}
h4.ui-helper-reset {font-size: 24px !important}

h4.ui-widget{font-size: 24px !important}
h4 span {display: none !important}
.box-content-group {margin: 0;padding: 10px 0 !important;  }
.box-content-group table {padding: 0 !important}
.box-content-group table tr td {border-bottom: 1px solid #fff}
.box-content-group table tr td.none-border {border-bottom: none !important}


.td-first-w {width: 200px;padding: 5px 0 0 25px; line-height: 22px; }
.td-level2 {padding-left: 52px}
.td-first-w table tr td, .td-level2 table tr td {border-bottom: none !important}

.txtbox-w200 { width:240px;}
.selectbox-w300 { width:300px;}
.txt-indent {text-indent: 40px;}

.txt-highlight {display: inline-block; background: #f9cd55; padding: 6px 20px; margin: 5px 0;  }

.box-type {padding:5px 0 5px 100px}

h4.accor-title { background: url(../images/icon/bullet-tab-close.png) no-repeat right #eff2f4  !important;  line-height: normal; padding:0 10px; margin: 0 0 1px 0;}
h4.accor-title.ui-state-active {background: url(../images/icon/bullet-tab-open.png) no-repeat right #eff2f4  !important;}


h5.tab-bule {background: url(../images/icon/bullet-tab-close.png) no-repeat 20px #0e8ac8  !important; color: #fff; padding: 8px 10px 8px 48px; font-size: 22px; margin: 0 0 2px 0;}
h5.tab-bule img {margin: 0 10px 0 0; padding: 0; display: block;}
h5.tab-bule td {border-bottom: none !important }

h5.tab-bule.ui-state-active {background: url(../images/icon/bullet-tab-open.png) no-repeat 20px #0e8ac8  !important;}


h6.tab-level {background: url(../images/icon/bullet-tab-close.png) no-repeat 30px #e5e5e5 !important; color: #002944; padding: 8px 10px 8px 58px; font-size: 22px; margin: 0 0 2px 0;}
h6.tab-level td {border-bottom: none !important }
h6.tab-level img {margin: 0 10px 0 0; padding: 0; display: block;}
h6.tab-level.ui-state-active {background: url(../images/icon/bullet-tab-open.png) no-repeat 30px #e5e5e5  !important;}


h6.tab-level .ui-icon, h6.tab-level .ui-widget-content , h6.tab-level .ui-icon {background-image: none}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {border: none!important}


#sub-group h6.tab-level {padding-left: 40px;}

.bg-f1f1f1 {background: #f1f1f1; padding: 3px 10px 3px 58px}
.bg-f1f1f1 td {border-bottom: none !important}

.pad-left75 {padding-left: 55px}
.pad-left65 {padding-left: 45px}
.pad-title-level {padding: 5px 10px 10px 25px  !important}
.none-padTop {padding-top: 0;}
.pad-sub-td {padding-left: 40px !important;}	
.pad-sub-td20 {padding-left: 20px !important;}	
.box-table img {display: inline-block; margin: 0; padding: 0;}

.list-txtbox {margin-bottom: 5px;}
.list-txtbox-indent {margin-left: 60px;}	

.box-add-subhead {margin: 0; padding: 0;}
.box-add-subhead td {border-bottom: none !important; padding: 0;}
.tbl_manage tbody tr td .box-title-sub td {padding: 0 !important; vertical-align: middle !important}
.box-content-group .box-add-subhead table.tb_subhead tr td {border-bottom: none !important; padding: 0 !important;}


.symbol {width: 18px; height: 18px; border: 1px solid #000; border-radius: 100%; cursor: pointer}
.symbol.black { background: #000}



.tab-payment {background: #0e8ac8; color: #fff;font-size: 22px; padding: 15px;}
.box-border-payment {border: 1px solid #0e8ac8; padding: 15px !important;}


/* The container */
.container {
    display: block;
    position: relative;
   
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.container input {
    position: absolute;
    opacity: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: none; border: 1px solid #000;border-radius: 100%; cursor: pointer
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
    background-color: none;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
    background-color: #000;
}

/* Create the checkmark/indicator (hidden when not checked) */
 
/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */


.calendar-time-font {font-size: 18px; line-height: 0}
.border-btn {border-bottom: 1px solid #000}

.bg-yellow {   color: #002944; font-size: 26px; line-height: 20px; background: #f9cd55; padding: 10px 20px;margin: 0 0}
.bg-yellow h2 {font-size: 26px;margin: 0;padding: 0;}

 tr.tbl-tree:hover {background: #fff4b3}
 tr.tbl-tree:hover td {background: #fff4b3}

.ui-widget .ui-widget h4 {font-size: 25px !important}


.boxstatus-class {padding: 5px 10px; margin-bottom: 5px; color: #002944;display: inline-block; font-size: 16px; line-height: 16px; border-radius: 4px}
.A { background: #f9cd55}
.B { background: #ff921e;color: #fff}
.C { background: #7ac843}
.D { background: #006837;color: #fff}
.abb {position: absolute; top: 4px;  }
.box-abb {position: relative}
.box-abb tr.trRelative {position: relative !important;}
.box-abb tr.trRelative td {vertical-align:top !important}
.box-abb tr.trRelative td.tddate{vertical-align:middle!important}


#tab-regis {padding-top: 40px;}
.section-contact {background: #f5f5f5; padding: 40px 0;}
.section-contact h2 {margin: 0; padding: 0; font-size: 30px;}
.section-contact p {margin: 0 0; padding: 0}
.section-regis {background: #f5f5f5; padding: 100px 0 50px 0;}
.section-pricing {background: #fff; padding: 100px 0 0 0;}
.t-center {text-align: center;}


ul.tab-regis {margin: 0 auto;
    padding: 60px 0 0 0;
    /* border-bottom: 1px solid #ccc; */
    text-align: left;
    font-size: 32px;
    width: 90%;}
ul.tab-regis li {margin: 0;padding: 0 15px 10px 15px;list-style: none; display: inline-block;}
ul.tab-regis li.active {border-bottom: 1px solid #0e8ac8; color: #0e8ac8}
ul.tab-regis li.active a { color: #0e8ac8 }


.box-form {width: 90%; margin: 28px auto}
.txtbox-regis {border: 1px solid #ccc; background: #fff; padding: 10px;
 color: #555; font-size: 22px; border-radius: 6px; width: 95%}
 .box-form li label {width:100%; display: block; padding-bottom: 5px}
  .box-form li {list-style: none; padding-bottom: 15px;}

.btn-regis {border-radius: 35px  !important;
padding: 13px 27px 13px 27px !important;}

.btn-red {border-radius: 35px  !important;
padding: 13px 27px 13px 27px !important;
background:#ae0019 !important}

.btn-yellow {border-radius: 35px  !important;
	padding: 13px 27px 13px 27px !important;
	background:#aeae00 !important;
	float: right;
}

.box-form li.col-left {width: 49%; float: left; display: block;}
.box-form li.col-right {width: 49%; float: right; display: block;}
.box-form li.col-left input, .box-form li.col-right input {width: 90% !important}


#home {padding-top: 135px}
.img-home {margin: 0 auto; display: block; width: 85%}
h3.txtsection {font-size: 40px; color: #0e8ac8; margin-bottom: 30px}

ul.step-register {margin: 0 auto 100px auto;  width: 90%; padding: 50px 0 0 0}
ul.step-register li {margin: 0; padding: 0; width: 33%; list-style: none; display: block; float: left;}
ul.step-register li .box-step-regis { position: relative; width: 90%; margin: 0 auto; background: #fff; box-shadow:0 0 5px #ccc}
ul.step-register li .box-step-regis-pad {padding: 30px;}
.box-num {position: absolute; width: 100%; top: -50px; left: 0}
.box-num-step { text-align: center; width: 90px; height: 90px; 
	border-radius: 100%; margin: 0 auto; 
	background:#0e8ac8; color: #fff; box-shadow: 0 0 6px #ccc}

.box-num-step span {font-size: 50px; padding-top: 33px;display: inline-block;}
ul.step-register li h4 { color: #0e8ac8; text-align: center; font-size: 34px; margin: 38px 0 0 0;padding:0;}
ul.step-register li h4 a {color: #0e8ac8;}



.btn-click { display: inline-block; background: #0e8ac8;  color: #fff; text-align: center; 
padding: 6px 30px; font-size:22px; border-radius: 22px; text-align: center; line-height: normal; }
.btn-click:hover {color: #fff; background: #034d89}

.footer {padding: 50px 0; font-size: 22px}

/*add 2019-11-22*/
ul.step-register.agenda {margin: 0 auto 100px auto;  width: 60%; padding: 50px 0 0 0}
ul.step-register.agenda li {margin: 0 0 40px 0; padding: 0; width: 50%; list-style: none; display: block; float: left;}

ul.list-name { padding: 0; margin: 19px 0 20px 14px; }
ul.list-name li { font-size: 34px; line-height: normal; padding: 0; margin: 0;  list-style: none;}
ul.list-name li label {width: 168px;display: inline-block;}
h3.tab {
	background: #0e8ac8;
	color: #fff;
	padding: 10px;
	margin: 30px 0 0 0;
}
.login-left {
	float: left;
	width: 50%;

}
.box-border {
	border:1px solid #ccc;
	padding: 10px 10px 20px 10px;
	height: 275px;
}


@media (max-width:800px) {

	.login-left {
		width: 100%
	}
	ul.mntop {width: 70%}

	/*.logo {
		width: 30%;
	}*/
	ul.mntop li h1 {
		font-size:30px;
	}
}


@media (max-width: 500px) {	
ul.mntop li h1 {
    font-size: 25px;
}

ul.mntop li .box-txthead-master {
    text-align: center;
    padding: 38px 0 0 0;
    color: #f9cd55 !important;
}
ul.tab-regis {
	width: 100%;
	margin-top: 50px;

}
.box-form {
	width: 100%
}
ul.unlist {
	margin: 0;
	padding: 0
}
#home {
	padding-top: 70px;
}
.logo {
	width: 60px;
	margin-right: 10px;
}
}