* {margin:0; padding:0;}
body {font-family:Electrolize;background-color:#fff;}
img {border:none;}
a {outline:none; text-decoration:none; font-family:Electrolize}
li{list-style-type:none;}
.cl{clear:both;}
h1,h2,h3,h4,h5,p{font-family:Electrolize; font-weight:normal}
.wrapper{width:980px; margin:0px auto;}
#main{width:100%; height:100%; margin-top:20px;}
.header{ width:100%; margin:0 auto;}
.header_left{width:30%; float:left;}
.header_left img{}
.header_right{width:70%; float:right;}
.header_right ul{margin-top:30px; float:right}
.header_right ul li{float:left; margin-right:28px; }
.header_right ul li a{font-family:Electrolize; color:#333; font-size:18px;padding-top:10px;float:left; border-top: 4px solid #fff;transition: all 2s ease 0s;}
.ta_le{text-align:left !important}

.header_right ul li a:hover{border-top:4px solid #225285;}
.banner{ background-image:url(../images/banner1.png); background-repeat:no-repeat; background-position:center; height:auto;/*height:367px;*/ clear:both;max-width:100%;min-width:100%;min-height:276px; position:relative; top:-30px}
.banner h1{font-size:40px; font-family:Electrolize; color:#fff; font-weight:normal}
.banner_left{ width:701px; float:left}
.banner_left h1{/* margin-top:14%;*/ text-align:center; line-height:276px; font-family:Electrolize}
.banner_right{ min-width:279px; float:left;background-image:url(../images/login1b.png); min-height:150px; background-repeat:no-repeat; margin-top:38px; padding-top:50px}
.banner_right h3{color:#fff; font-size:18px;font-family:Electrolize; text-align:center; }
.banner_right p a{font-size:12px; font-family:Electrolize;text-align:center; margin-top:10px; display: block;border: 2px solid #0A1A2B;color:#fff;padding: 0.7em 1.1em;opacity: 1;-webkit-transition: all 2s;transition: all 2s; width:120px; margin-left:60px; filter: alpha(opacity=100);}
.banner_right p a:hover{border-color: #fff;color: #fff;}
.container{width:100%;margin-top:0px; position:relative; top:-50px}
.contain_top{overflow:hidden;}
.top_first{width:316px;position:relative; float:left; margin-right:15px;}
.top_first.mrnon{margin-right:0!important;}
.top_first img { border:1px solid #8da8c4; height:167px; width:316px;}
.top_first h4{position:absolute; height:37px; width:316px; top:132px; background-color:#6798c2; text-align:center; font-family:"Trajan Pro"; line-height:37px; font-size:18px; color:#fff;z-index:1;left:0} 
.top_first p{clear:both;font-family:Electrolize; font-size:14px; margin-top:20px; text-align:left; line-height:20px;min-height:200px;}
.top_first a{/*background-image:url(../images/button.jpg);*/ max-height:30px; padding:0 15px; line-height:30px; float:right; color:#fff; font-size:14px; font-family:Electrolize; background-color:#6798c2;transition: all 2s ease 0s;}
.top_first a:hover{ background-color:#082a4b}
.contain_bottom{margin-top:50px;/* padding-bottom:70px; */overflow:hidden}
.contain_bottom h5{font-size:24px; font-family:Electrolize; color:#fff; text-align:center; height:48px; line-height:48px; margin-bottom:30px;}
.contain_bottom ul li{font-family:Electrolize; background-image:url(../images/bullet.png); background-repeat:no-repeat; background-position:left center; padding-left:10px; margin-bottom:10px;}
.bot_left{width:40%; float:left; margin-right:5%;}
.bot_left ul{margin-left:10%;}
.bot_right{width:55%; float:left;}
.bot_right ul{width:45%; float:left;margin-left:4%;}

.arrow_box { position: relative; background: #333; border: 2px solid #333; }
.arrow_box:after, .arrow_box:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.arrow_box:after { border-color: rgba(136, 183, 213, 0); border-top-color: #333; border-width: 15px; margin-left: -30px; }


.login{ background-image:url(../images/iphone.png); width:387px; height:533px; padding-top:215px; margin:0 auto; margin-bottom:50px;}
.login h2{color:#fff; text-align:center; font-size:24px;}
.login_box{width:297px; height:92px; margin:50px auto 10px; background-image:url(../images/login_box.png); border-radius:4px;}
.login_box input{width:297px; outline:none; border:none; height:45px; color:#bbbbbc; font-size:24px; text-align:center; border-radius:4px;*width:294px;}
.butt{text-align:center; width:299px; height:44px; line-height:44px; margin-left:44px; font-size:18px; font-family:Electrolize;background-image:url(../images/but_gra.png); border-radius:4px;  outline:none; background-color:transparent; border:none;* margin-left:44px; cursor:pointer;}
.butt_sub{text-align:center; width:200px; height:44px; line-height:44px; margin-left:42px; font-size:18px; font-family:Electrolize; background-image:url(../images/but_gra.png); border-radius:4px;  outline:none; background-color:transparent; text-align:center; margin-top:30px;}
.bor_bot{border-bottom:1px solid #e6e6e9 !important;}


.about_con{ background-image:url(../images/about.png); background-repeat:no-repeat; background-position:top center;padding:30px 0 0px; color:#333}
.mar{margin-bottom:20px; margin-top:10px}
.cont_left{width:68%; float:left; margin-right:2%}
.cont_left h2,.ivr_con h2{text-align:center; margin-bottom:20px;color:#333 !important}
.cont_left  h3{margin-bottom:5px;}
.cont_left p{ margin-bottom:20px; text-align:left;}
.cont_right{width:30%; float:left; padding-top:50px; background-image:url(../images/about_right.png); height:400px; background-repeat:no-repeat; margin-top:50px;}
.cont_right h2{font-size:24px; text-align:center;}
.cont_right ul{margin-top:30px;}
.cont_right ul li{text-align:center; margin-bottom:8px;}

.ivr{padding:20px 0}
.ivr p{ text-align:center;}
.ivr ul li{font-size:22px; color:#fff;}
.ivr ul li input{ margin-left:3px; width:120px; height:20px}
.ivr_cont{ margin-top:10px;border:1px solid #6a96bf}
.navi{ background-color:#6a96bf; height:50px;}
.navi ul {margin-left:250px;}
.navi ul li{float:left;}
.navi ul li a{float:left; line-height:50px; margin-right:15px; color:#fff}
.navi li ul{ position:absolute;overflow:hidden;background-color:#003859; margin-top:48px; 
display:none; z-index:10000;}
.navi li ul li a{border-right:none; padding:0;float:left; width:200px;color:#fff; text-align:center}
.navi li:hover ul {display:block;}
.navi li ul li a:hover{background-color:#fff;color:#000}
.mr_lef0{margin-left:0 !important;}
.ivr_login{background-color:#6A96BF; padding:50px 50px 75px 50px; width:600px; margin:50px auto 0; overflow:hidden}
.ivr_login ul li{width:50%; float:left;}

.ivr_con p{ margin-bottom:10px; text-align:left;}
.ivr_con h3{margin-bottom:10px;}
.ivr_con ul{margin-bottom:20px;}
.ivr_con ul li{background-image:url(../images/bullet.png); background-repeat:no-repeat; background-position:center left; padding-left:10px; font-size:12px;margin-bottom:5px;}


.footer{ background-image:url(../images/footer.png);width:100%; height:280px;color:#fff;}
.footer ul li a{color:#fff; font-family:"Trajan Pro"; margin-bottom:10px; display:block; font-size:12px;}
.foot_first{float:left; width:25%; margin-top:8%; background-image:url(../images/foot_left.jpg) ; background-repeat:no-repeat; background-position:right center;}
.foot_first ul{margin-left:50px;}
.foot_sec{float:left; width:35%;background-image:url(../images/foot_left.jpg) ; background-repeat:no-repeat; background-position:right 50px;margin-top:20px; padding-left:2%}
.foot_sec h5{font-size:18px; margin-bottom:50px;}
.foot_sec p{font-size:14px; }
.foot_sec p strong{font-size:14px;}
 
 
.ClsDropDownArea { padding: 0 0 21px 3px; width: 100%;}
.ClsDropDownArea a { color: #3399CC;outline: medium none;text-decoration: none;} 
.ClsInnerDrop a img {float: left; margin: 0 10px 2px 0;}
.ClsInnerDrop {overflow: hidden;vertical-align: top;}
.ClsInnerDrop a {overflow: hidden;} 
.ClsInnerDropCont { display: none;padding: 10px 0 0 24px;}
.ClsInnerDrop span {cursor: pointer; font-size: 13px;font-weight: 700;}
table { border-collapse: collapse;border:1px solid #333}


.supp_form{width:600px; margin:20px auto;}
.supp_form h3{margin-bottom:15px;}
.form_left{padding:5px 0; clear:both}
.form_left input{width:297px; outline:none; border:1px solid #ccc; height:30px; color:#bbbbbc; font-size:24px;border-radius:4px;*width:294px;background-image:url(../images/login_box.png);}
.form_left p{ width:40%; float:left}
.form_lef label{ width:60%; float:left}
.form_left .tex_ar{width:297px; height:90px;background-image:url(../images/login_box.png); border:1px solid #ccc;}
.res_but{width:130px; height:35px; border-radius:0;font-size:14px; cursor: pointer; line-height:35px}
.bluebt { background: url(../images/cta_bg.gif); border: medium none !important;color: #FFFFFF; cursor: pointer;float: none; font-family:Electrolize;font-size: 14px; height: 35px; line-height: 35px !important;outline: medium none; padding: 0;text-align: center; text-transform: uppercase;width: 130px;}
.bu_mar{margin-left:197px; margin-top:20px;}
.ivr_img{vertical-align:top; margin-left:10px}

 ul.resp-tabs-list{ background-color:#166ab0; overflow:hidden}
 ul.resp-tabs-list, p {
    margin: 0px;
    padding: 0px;
}

.resp-tabs-list li {
    font-weight: 600;
    font-size: 14px;
    display: inline-block;
    padding: 13px 15px;
    margin: 0;
    list-style: none;
    cursor: pointer;
    float: left; 
}

.resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    clear: left;
}

h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none;
}

.resp-tab-content {
    display: none;
    padding: 15px;
}

.resp-tab-active {
    
    border-bottom: none !important;
    margin-bottom: -1px !important;
    padding: 12px 14px 14px 14px !important;
	color:#166ab0!important; background-color: #E5E5E5; cursor:default !important
}

 

.resp-content-active, .resp-accordion-active {
    display: block;
}

.resp-tab-content {
    border: 1px solid #c1c1c1; background-color:#E5E5E5
}
.resp-tab-content h2,.resp-tab-content p{margin-bottom:10px}
/*.resp-tab-content div p{float:left;} */
.mr_tp35{ margin-top:35px}

.mon_para{overflow:hidden; padding:20px 10px 10px; clear:both; width:700px; margin:0 auto; background-color:#ccc}
.mon_from{float:left; margin-right:10px}
.mon_from p{float:left}
.mon_from select{margin-left:5px; width:120px; background-color:#eee; height:20px; outline:none; border:none}
.year_from select{ width:60px !important}
.cos_name{ text-align:center !important; font-size:18px}
.mon_from input.butt{background-color: #6798C2; width:100px !important; height:30px; line-height:30px; 
    
    font: 13px sans-serif;
    text-decoration: none;
    border: 1px solid #000;
    border-color: #aaa #444 #444 #aaa;
    color: #000}
/*.radio_sva{display:block; clear:both}
.radio_sva p{text-align:left; float:left; margin-right:10px}
.radio_sva p input{margin-right:5px}	
input[type="radio"] {display:none; display:block\9;}
input[type="radio"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url(../images/check_radio_sheet.png) -38px top no-repeat;
    cursor:pointer;background-image:none\9;display:none\9}

input[type="radio"]:checked + label span {background:url(../images/check_radio_sheet.png) -57px top no-repeat;}
.mon_from input{height:20px; width:120px}
input[type="radio"] + label span{display:none/9}

.radio_sva p label{margin-top:-10px\9; float:left\9; margin-left:20px\9;margin-top:-15px\9} */
.bck_non{ background-image:none !important}
.foot_sec p a{ margin-right:5px} 
.fl_rh{float:right !important;}
.fl_rh input{padding:0 10px}
#wrapper-app a{
	cursor:pointer;
	font-size:15px;
	font-weight:bold;
	 
}

.box_appo {
    background-color: #ffffff;
    color: #888888;
    height: 205px;
    left: 100%;
    padding: 20px;
    position: fixed;
    right: 30%;
    top: 40%;
    width: 555px;
    z-index: 101;
	border:5px solid #888888;
	border-radius:10px;
	-moz-border-radius:10px;
}

 

a.boxclose {
    background: url(../images/cancel.png) repeat scroll left top transparent;
    cursor: pointer;
    float: right;
    height: 26px;
    left: 32px;
    position: relative;
    top: -33px;
    width: 26px;
}

.month{width:300px; margin:20px auto;clear:both}
.month_first{width:900px; margin:20px auto;clear:both}

/*.ajax_calendar_container{width:180px!important}
.ajax_calendar_body{width:178px!important;height:140px!important}
.ajax_calendar_container table tr td{padding:0 0 0 0!important}*/

.mr_lf65{ margin-left:70px!important}
.bread_crm{ background-color:#CCCCCC; margin-top:10px; height:32px; background-color:#166AB0; padding-top:5px}    
.bread_crm li{ float:left; margin-right:10px;}    
.bread_crm li a{color:#fff;padding:5px 10px;}
.bread_crm li a.sel{cursor:default; background-color:#E5E5E5; color:#166AB0;}
.mon_from_sub{float:right; margin-top:15px}
.mon_from_sub .butt{ margin-left:10px !important}
.mon_from input { height: 20px; width: 120px;} 

.radio_sva tr td{padding-right:20px}
.radio_sva label{margin-left:5px}
.radio_sva table{border:none !important}
#GridView2 tr td{padding:5px}
#GridView2 tr th{padding:5px}
#GridView1 tr td{padding:10px}
#GridView1 tr th{padding:10px}
#GridView3 tr td{padding:10px}
#GridView3 tr th{padding:10px}
#GridView4 tr td{padding:10px}
#GridView4 tr th{padding:10px}


.main_win{overflow:hidden}
.wind_par{padding:5px;border-radius:4px; border:1px solid #ccc; width:300px; margin:5px; overflow:hidden; float:left; min-height:145px}
.wind_lht{width:25%; float:left; margin-right:3%}
.win_rht{width:72%; float:left}
.win_rht p a{/*background-image:url(../images/button.jpg);*/ max-height:30px; padding:0 15px; line-height:30px; float:right; color:#fff; font-size:14px; font-family:Electrolize; background-color:#6798c2;transition: all 2s ease 0s;}
.win_rht p a:hover{ background-color:#082a4b}
.mon_from input{background-color: #DDDDDD;border: medium none; border-radius: 6px;padding: 5px;}