@charset "utf-8";
/* CSS Document */
html,body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td { 
	margin: 0;
	padding: 0;
}
body{ font-family:  Arial, Helvetica, sans-serif; font-size: 12px; color: #474747; line-height: 150%;}
table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
.header-wrapp ul,#nav,footer ul,.col-right ul{ margin: 0px; padding: 0px;}
.header-wrapp ul li,footer ul li,.col-right ul li{ margin: 0px; padding: 0px; list-style: none;}
a{ color: #006bc1; text-decoration: none;}
a:hover{ text-decoration: underline; }
fieldset,img { 
	border: 0;
}
input{ border: 1px solid #cecece; height: 22px; line-height: 22px; font-size: 12px;}
select{ border: 1px solid #cecece; padding: 3px; font-size: 12px;}
ol,ul {
	list-style: none;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
}
.main{ margin: 0 auto; width: 980px;}
#headtop{ position: absolute; left: 0px; top: 0px; z-index: 99;}
.header-wrapp{ }
.header{ width: 980px; margin: 0 auto; height: 117px; background: url(/_res/images/bg-header.gif) no-repeat left bottom;}
.logo{ margin: 18px 0 5px 0; display: inline-block;}
/*ducva
.header-l{ background: url(/_res/images/header-b.gif) repeat-x 0 0; height: 8px; width: 50%;  position: absolute; left: 0; top: 108px; z-index: -1;}
.header-r{ background: url(/_res/images/h-r.gif) repeat-x right top; height: 34px; width: 50%; position: absolute; right: 0; top: 82px; z-index: -1;}
*/
.header-l{ width: 50%;  position: absolute; left: 0; top: 108px; z-index: -1;}
.header-r{ width: 50%; position: absolute; right: 0; top: 82px; z-index: -1;}

.mainmenu{ background: url(/_res/images/nav.gif) repeat-x 0 0;}
.navigation{ margin: 3px 0 0 0;}
.navigation ul{ margin: 0; padding: 0; float: left;}
.navigation ul li{ display: block; float: left; list-style: none;}
.navigation ul li a{ line-height:40px; padding: 0 20px; display: block; color: #ffffff; font-weight:bold;}
.navigation ul li.active a, .navigation ul li a:hover{ color: #f8e504; text-decoration: none; background: url(/_res/images/li-active.png) no-repeat center bottom;}
.navigation ul li.active a{ font-weight: bold;}
.mod-language{ color: #fff; font-weight: bold; float: right; margin: 8px 0 0 0; line-height: 24px;}
#language{ background:  url(/_res/images/box-lan.gif) no-repeat right center #fff; font-weight: normal; margin: 0 0 0 12px; float: right; border-radius: 2px; color: #0082b9; font-size: 11px; padding: 0 45px 0 0; position: relative;}
#language img{ vertical-align: middle; padding: 0 8px 0 11px;}
#language i{ position: absolute; width: 9px; height: 5px; right: 8px; top: 10px; cursor: pointer; display: block; background:  url(/_res/images/bg-lan.png) no-repeat right center; }

.content-wrapp{ padding: 10px 0 0 0;}
.home{ background: url(/_res/images/bg-main.gif) repeat-x 0 0;}
.page-apply .col-main{ width: 715px;}
.col-main{ width: 725px; float: left;}
.col-right{ width: 255px; float: right; background: #fff;} 

#slideshow{ width: 725px; overflow: hidden; position: relative; height: 326px;}
.slide-content{ position: absolute; top: 45px; left: 0; width: 340px; z-index: 9999;}
.slide-content p{ color: #797979;}
.slide-content .title  span{ font:  44px 'MyriadPro-Cond',Arial,Helvetica,sans-serif; color: #00508f; }
.slide-content .title .regis{ display: block; font:  34px 'MyriadPro-Cond',Arial,Helvetica,sans-serif;}
.slide-content .title  span span{ color: #e24b2c; font:  50px 'MyriadPro-BoldCond',Arial,Helvetica,sans-serif;}
.apply{ background: url(/_res/images/btn.png) no-repeat 0 -120px; display: block; float: left;}
.apply:hover{ text-decoration: none;}
.apply span{ background: url(/_res/images/btn.png) no-repeat right -162px; margin: 0 0 0 6px; display: block; padding: 9px 24px 10px 16px; color: #fff; font: 23px 'MyriadPro-Cond', Arial, Helvetica, sans-serif;}

.module{ margin: 0 0 25px 0;}
.home .module.mod-custom{ background: #fff;}
.module.mod-custom{  background: #f1f1f1; border-bottom: 5px solid #e34c2c;  }
.module.mod-custom .title{ background: #e14b2d; color: #fff; margin: 0; font: 16px 'MyriadPro-BoldCond', Arial, Helvetica, sans-serif; padding: 10px 0 10px 22px; border-radius: 3px 3px 0 0;}
.mod-custom .box-content{ border-top: 1px solid #D57E6B; margin: 1px 0 0 0; padding: 0 5px 0 22px;}
.item{ margin: 9px 0 0 0; }
.item span{font: 16px 'MyriadPro-BoldCond', Arial, Helvetica, sans-serif; color: #00508f;}
.item ul{ margin: 0; padding: 0;}
.item ul li{ background: url(/_res/images/li1.png) no-repeat 0 9px;  padding: 3px 0 3px 14px;}
.item ul li a{ color: #949494; display:block; !important
 max-width:210px; width:210px;white-space: inherit}

.home ul.menu{ margin-right: 10px;}
ul.menu{ margin: 28px 0 38px 0; padding: 0 0 9px 0; border-bottom: 1px dashed #cecece;}
ul.menu li{ list-style: none; background: url(/_res/images/li.png) no-repeat right top; display: block; float: left;}
ul.menu li.item4{ background: none;}
ul.menu li a{ display: block; width: 174px; padding: 54px 0 0 0; margin: 0 28px 0 0; text-align: center; font: 16px 'MyriadPro-BoldCond', Arial, Helvetica, sans-serif; text-transform: uppercase; color: #e24b2c;}
ul.menu li.item1 a{ background: url(/_res/images/item1.gif) no-repeat top center;}
ul.menu li.item1.active a, ul.menu li.item1 a:hover{ background: url(/_res/images/item1-active.gif) no-repeat top center;}


ul.menu li.item2 a{ background: url(/_res/images/item2.gif) no-repeat top center; width: 136px;}
ul.menu li.item3 a{ background: url(/_res/images/item3.gif) no-repeat center 8px;}
/*ul.menu li.item3.active a, ul.menu li.item3 a:hover{ background: url(/_res/images/item3-active.gif) no-repeat center 8px;}*/
ul.menu li.item4 a{ background: url(/_res/images/item4.gif) no-repeat center 7px; width: 136px; margin: 0;}
ul.menu li a:hover{ text-decoration: none;}

.block-content .module{ width: 215px; float: left; margin: 0 30px 0 0;}
.mod-last{ margin: 0 !important;}
.module .title{ font: 18px 'MyriadPro-BoldCond', Arial, Helvetica, sans-serif; color: #00508f; margin: 0 0 10px 0;}
.block-content ul{ margin: 4px 0 0 0; padding: 0;}
.block-content ul li{ list-style: none; background: url(/_res/images/li1.gif) no-repeat 0 9px; display: block; padding: 2px 0 2px 10px;}
.block-content .lastestnews ul li{ padding: 3px 0 3px 14px; background: url(/_res/images/li2.gif) no-repeat 0 7px; }
.block-content ul li a{ color: #474747;}
.block-content .lastestnews ul li a{ color: #00508f;}
.readmore{ text-align: right; display: block; background: url(/_res/images/li.gif) no-repeat right center; padding: 0 12px 0 0; color: #e24b2c; margin: 15px 0 0 0;}

.module.mod-diplo{ background: #e24b2c; padding: 12px; margin: 25px 0 24px 0;}
.module.mod-diplo .title{ color: #fff; font-size: 16px; text-transform: uppercase;}
.mod-diplo select{ width: 172px; float: left; padding: 5px 8px; border: 0; color: #474747;}
.mod-diplo button{ margin: -2px 0 0 8px;}
.mod-diplo button span, .btn-apply span { background-position: 0 0;}
.mod-diplo button span span, .btn-apply span span{ background-position: right -30px; padding: 0 12px 0 6px;}
.mod-diplo a{ margin: -2px 0 0 8px;}
.mod-diplo a span, .fb-btn span { background-position: 0 0;}
.mod-diplo a span span, .fb-btn span span{ background-position: right -30px; padding: 0 12px 0 6px;}


.module.mod-apply{ background: #f1f1f1; padding: 12px;}
.module.mod-apply .title{ color: #e34c2c; text-transform: uppercase;}
.mod-apply label { font-weight: bold; color: #707070;}
.mod-apply select{ border: 1px solid #d0d0d0; padding: 3px; width: 100%; display: block; margin: 5px 0 15px 0; color: #707070; }
.mod-apply button{ float: right; margin: 0 0 15px 0;}

.box-apply{ margin: 0 0 30px 0; width: 600px;}
.box-apply .title{ margin: 0 0 15px 0;}
.rows{ margin: 0 0 7px 0;}
.rows label{ float: left; color: #434343; width: 230px; margin: 0 10px 0 0; display: block; line-height: 24px;}
.input-box{ float: left; width:330px;}
.input-box input{ width: 245px; color: #434343; padding: 0 0 0 5px;}
.input-box select{ width: 112px; color: #434343;}

.date-box{ float:left;border: 1px solid #cecece; display: block; padding: 0 3px 0 0; height: 24px;  width: 107px;}
.input-box .date-box input[type=text]{ border: 0; width: 80px; float: left;}
.date-box img{ cursor: pointer; margin: 3px 0 0 0;}

.arrival .input-box select{ width: 160px;}
.country .input-box select{ width: 252px;}
/*.yourinfor{ font-weight: bold; color: #434343; background: url(/_res/images/infor.gif) no-repeat 0 0; padding: 10px 0 0 25px; margin: 0 0 10px 0; display: block;}*/
/*.btn-apply{ float: right; margin: 8px 0 0 0;}*/
.btn-apply{ text-align:center; margin: 18px 0 0 10px;}
.btn-apply .reset span{ background-position: 0 -204px;}
.btn-apply .reset span span{ background-position: right -234px; color: #e24b2c; }
.page-apply  .block-content .title{ font: bold 18px 'MyriadPro-Cond', Arial, Helvetica, sans-serif; color: #434343;}
.page-apply .block-content .module .title, .page-apply .module ul li a{ color: #434343;}
.page-apply .block-content .module{ width: auto; margin: 0; float: none;}
.step-faq .rows{ margin: 0 0 15px 0;}
.num-faq{ display: block; float: left; width: 21px; height: 21px; text-align: center; margin: 0 10px 0 4px; background: url(/_res/images/span.png) no-repeat 0 0;}
.num-faq span{ color: #fff; font-weight: bold; line-height: 21px; display: block;}
.intro-faq{ display: block; float: left; width: 665px; margin: 3px 0 0;}
.intro-faq a{ font: 16px/21px 'MyriadPro-BoldCond', Arial, Helvetica, sans-serif; color: #00518f; white-space:normal;}
.intro-faq a:hover{ text-decoration: none;}
.step-faq .active .intro-faq a, .intro-faq a:hover{color: #e24b2c; }
.step-faq .active .num-faq, .step-faq .rows:hover .num-faq{ background: url(/_res/images/span-active.png) no-repeat 0 0;; }
.intro-faq p{ color: #595959; margin: 5px 0 8px;}

.footer{ margin: 50px 0 0 0; background: #eaeaea; padding: 0 0 50px 0;}
.footer .main{ background: #00508f; padding: 0;}
.footer-l{ background: url(/_res/images/footer-l.gif) no-repeat bottom left; height: 29px;}
.footer-r{ background: url(/_res/images/footer-r.gif) no-repeat bottom right; height: 29px;}
.footer ul{ margin: 0 0 0 5px; padding: 5px 0 0 0; float: left; }
.footer ul li{ display: inline-block; line-height: 11px; border-right: 1px solid #fff; }
.footer ul li.last{ border: 0;}
.footer ul li a{ color: #fff; padding: 0 16px;}
p.copyright{ float: right; color: #fff; margin: 0 22px 0 0; padding: 5px 0 0 0;}

button{  background: none; border: 0 none; cursor: pointer; margin: 0; overflow: visible; padding: 0; width: auto; white-space: nowrap;}
button span{ white-space: nowrap; display: inline-block; font-weight: bold; color: #FFF;  background: url(/_res/images/btn.png) no-repeat 0 -60px;}
button span span{ white-space: nowrap; font-size: 12px;  height: 30px; line-height: 27px; background: url(/_res/images/btn.png) no-repeat right -90px; margin: 0 0 0 6px; padding: 0 16px 0 10px;}	

.btn-apply a:hover{text-decoration: none; color:gray;}
a{text-decoration: none;  background: none; border: 0 none; cursor: pointer; margin: 0; overflow: visible; padding: 0; width: auto; white-space: nowrap;}
a span{ white-space: nowrap; display: inline-block; font-weight: bold; color: #FFF;  background: url(/_res/images/btn.png) no-repeat 0 -60px;}
a span span{ white-space: nowrap; font-size: 12px;  height: 30px; line-height: 27px; background: url(/_res/images/btn.png) no-repeat right -90px; margin: 0 0 0 6px; padding: 0 16px 0 10px;}	


/*Clearfix*/ 
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block;}
* html .clearfix {height: 1%;}
.clear {clear: both;}
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

.helpbox  {padding:3px 0 3px 0; font-size:11px; background-color:#F8F8F8; display:none; visibility:hidden;
line-height:17px; color:#587DB3; border: #bcd8e6 1px solid; background-color: aliceblue; margin: 0 3px 10px 0;}

.helpbox_visible  {padding:5px; font-size:11px; background-color:#F8F8F8; 
line-height:17px; color:#587DB3; border: #bcd8e6 1px solid; background-color: aliceblue; margin: 0 3px 10px 0;}

.error-box{ border: 1px solid red; }
.img-calendar{ width:8px; height:8px; margin-top:3px; }
.cal_theme .ajax__calendar_active {color: Red; font-weight: bold; background-color: #ffffff;} 

#overlay {
    position: fixed;
    z-index: 99;
    top: 0px;
    left: 0px;
    background-color: #f8f8f8;
    width: 100%;
    height: 100%;
    filter: Alpha(Opacity=90);
    opacity: 0.9;
    -moz-opacity: 0.9;
}            
#theprogress {
    background-color: #fff;
    border:1px solid #ccc;
    padding:10px;
    width: 300px;
    height: 30px;
    line-height:30px;
    text-align: center;
    filter: Alpha(Opacity=100);
    opacity: 1;
    -moz-opacity: 1;
}
#modalprogress {
    position: absolute;
    top: 50%;
    left: 60%;
    margin: -11px 0 0 -150px;
    color: #990000;
    font-weight:bold;
    font-size:14px;
}
#radChildSelect{margin-bottom:10px;}
#radChildSelect input{ height:12px; margin-left:10px;}
.rad-box{float:left; margin-top:5px;}
.rad-box input{color: #434343; padding: 0 0 0 5px;	height:12px;}

input[type=text]:focus {background-color:aliceblue;}
select:focus{background-color:aliceblue;}

.date-help-box{font-size:10px; font-style:italic; width:210px;}
.date-error-box{float:left; text-align:left; width:330px;}

.showFaq{display:inline;}
.hideFaq{display:none !important;}
.display_none{display:none}
.display_block{display:block}

.lnk_language{padding: 0px 7px}
.lnk_language_selected{color: red}