@charset "utf-8";
/* CSS Document */
/*/////////////// RESET /////////////////*/
h1{margin:0px 0 15px 0; padding:5px 0 5px 0; color:#3b5998; font-size:28px; clear:both; float:left; width:100%;}
h2{margin:0px 0 5px 0; padding:5px 0 5px 0; color:#3b5998; font-size:24px; clear:both; float:left; width:100%;}
h3{margin:0px 0 5px 0; padding:5px 0 5px 0; color:#3b5998; font-size:18px; clear:both; float:left; width:100%;}
img{border:none;}
a{text-decoration:none; border:none; color:#03950F; cursor:pointer;}
ul{margin:0px; padding:0px;}
p, .p{margin:5px 0; padding:0; clear:both; float:left; width:100%;}
input[type=button],input[type=submit]{-webkit-appearance: none;}


body,html{margin:0; padding:0; color:#404040;}
html{background:#f9f9f9; position:relative; min-height:100%; height:auto !important; height:100%;}
body{font:14px Tahoma, 'verdana', arial; color:#333; background:#F9F9F9;}

/*/////////////// ALL CLASS /////////////////*/
.left{clear:both; float:left;}
.center{float:left;}
.right{float:right;}
.inner{margin:0px auto; width:800px;}

.error_txt{color:#C9070A;}
.mini,.mini2{width:30px !important;}
.star{color:#f00;}

.warning{background:url(../../../images/validate.png) -5px -20px no-repeat; width:20px; height:20px; display:block; float:left; color:#f00; white-space:nowrap; line-height:22px; font-size:12px; display:none;}

.back_btn{color:#06BD04; text-decoration:underline; padding:10px 5px 10px 5px; text-align:center; display:block; clear:both; margin:10px 0;}

.true{background-position:-42px 1px;}
.false{background-position:-5px 1px;}

.width_100{width:100%;}

.underline{clear:both; float:left; border-bottom:1px solid #ccc; width:100%; padding:5px 0; margin:5px 0 10px 0; height:1px;}

.align_center{width:100%; text-align:center;}
.align_right{text-align:right;}

.shadow{background:rgba(0,0,0,0.9); width:100%; display:none; position:fixed; top:0; left:0; z-index:500;}

.box-padding{padding:10px 2%; width:96%;}
.box-shadow{float:left; box-shadow:0px 0px 3px #ccc; background:#fcfbfb; border-radius:3px;}
.box_border{border:1px solid #3b5998; background:#eef1fa; overflow:hidden; border-radius:5px;}
.hidden{display:none;}

.alert_box{padding:30px 0;}
.close_light_box{position:absolute; right:5px; top:5px; color:#f00; font-size:14px; padding:3px;}

label{float:left;}

.btn_submit{
	background-color:#3d57a2; 
	border:1px solid #3152b0; 
	border-radius:2px; text-align:center; 
	padding:10px 10px; color:#fff; 
	font-size:14px; font-weight:bold;
	background: -webkit-linear-gradient(top,#6684d8, #3c57a2); 
	background: -o-linear-gradient(top,#6684d8, #3c57a2); 
	background: -moz-linear-gradient(top,#6684d8, #3c57a2); 
	background: -ms-linear-gradient(top,#6684d8, #3c57a2);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6684d8', endColorstr='#3c57a2',GradientType=0 );!important
	background: linear-gradient(top,#6684d8, #3c57a2); 
	cursor:pointer;
}

.btn_1{
	background-color:#3d57a2; 
	border:1px solid #3152b0; 
	border-radius:2px; text-align:center; 
	padding:10px 10px; color:#fff; 
	font-size:14px;
	background: -webkit-linear-gradient(top,#6684d8, #3c57a2); 
	background: -o-linear-gradient(top,#6684d8, #3c57a2); 
	background: -moz-linear-gradient(top,#6684d8, #3c57a2); 
	background: -ms-linear-gradient(top,#6684d8, #3c57a2);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6684d8', endColorstr='#3c57a2',GradientType=0 );!important
	background: linear-gradient(top,#6684d8, #3c57a2); 
	cursor:pointer;
}

.btn_2{
	/*background:#EEF1FA;*/
	background:#7989c4; color:#fff;
    border: 1px solid #ADB6C7;
    border-radius: 3px;	
	cursor:pointer;
	padding:5px 10px;
}

.btn_3{
	background-color:#af0508; 
	border:1px solid #f45d60; 
	border-radius:2px; text-align:center; 
	padding:10px 10px; color:#fff; 
	font-size:14px;
	background: -webkit-linear-gradient(top,#f45d60, #af0508); 
	background: -o-linear-gradient(top,#f45d60, #af0508); 
	background: -moz-linear-gradient(top,#f45d60, #af0508); 
	background: -ms-linear-gradient(top,#f45d60, #af0508);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f45d60', endColorstr='#af0508',GradientType=0 );!important
	background: linear-gradient(top,#f45d60, #af0508); 
	cursor:pointer;
}

.btn_4{
	background-color:#14a405; 
	border:1px solid #df8303; 
	border-radius:2px; text-align:center; 
	padding:10px 10px; color:#fff; 
	font-size:14px;
	background: -webkit-linear-gradient(top,#f08f06, #df8303); 
	background: -o-linear-gradient(top,#f08f06, #df8303); 
	background: -moz-linear-gradient(top,#f08f06, #df8303); 
	background: -ms-linear-gradient(top,#f08f06, #df8303);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f08f06', endColorstr='#df8303',GradientType=0 );!important
	background: linear-gradient(top,#f08f06, #df8303); 
	cursor:pointer;
}

.btn_5{
	background-color:#0f8e02; 
	border:1px solid #0f8e02; 
	border-radius:2px; text-align:center; 
	padding:10px 10px; color:#fff; 
	font-size:14px;
	background: -webkit-linear-gradient(top,#13a803, #0c7c00); 
	background: -o-linear-gradient(top,#13a803, #0c7c00); 
	background: -moz-linear-gradient(top,#13a803, #0c7c00); 
	background: -ms-linear-gradient(top,#13a803, #0c7c00);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#13a803', endColorstr='#0c7c00',GradientType=0 );!important
	background: linear-gradient(top,#13a803, #0c7c00); 
	cursor:pointer;
}

.btn_6{
	background-color:#ffeea2; 
	border:1px solid #ffeea2; 
	border-radius:5px; text-align:center; 
	padding:5px 10px; color:#555; 
	font-size:13px; box-shadow:0px 0px 3px #ccc;
	background: -webkit-linear-gradient(top,#ffeea2, #ffe14d); 
	background: -o-linear-gradient(top,#ffeea2, #ffe14d); 
	background: -moz-linear-gradient(top,#ffeea2, #ffe14d); 
	background: -ms-linear-gradient(top,#ffeea2, #ffe14d);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffeea2', endColorstr='#ffe14d',GradientType=0 ) !important;
	background: linear-gradient(top,#ffeea2, #ffe14d); 
	cursor:pointer;
}

.btn_2:hover{background:#EEF1FA; color:#333;}


/*///////////// TOP ///////////////*/
#top{width:100%; min-width:800px; z-index:200; height:55px; background:url(../img/bg_top.jpg) repeat-x; color:#fff; font-size:15px;}
#top .inner{width:800px; margin:0px auto; z-index:201; padding:0px 0 0 0; font-size:14px; position:relative; height:100%;}
#top a{color:#fff; text-decoration:underline;}
#top_name{white-space:nowrap; padding-top:7px; padding-left:10px;}
#top_money{padding:0 0 0 20px; display:none;}
#top_money i{font-style:normal;}
#top_online{padding-top:7px;}

#top_menu{padding:15px 15px 0 15px; position:absolute; height:40px; top:0; right:0; background:#124299;}

.h_bar{background:#7989c4; padding:10px 0%; clear:both; width:100%; color:#fff; margin:0 0 10px 0; text-align:center; position:fixed; top:45px; left:0; z-index:50000;}
.h_bar span{padding:0 15px 0 0; display:inline-block; text-align:center;}

.home_icon{float:right; text-align:center; height:41px; cursor:pointer; padding:7px; text-align:center; color:#fff; background:#124299; margin:0 20px 0 0;}
.home_icon img{height:100%; clear:both; float:left;}

.cname{margin:0px auto; text-align:center; font-size:12px; width:60%; padding:17px 5px 0 0;}

.menu-icon{float:left; width:85px; height:100%; cursor:pointer; padding:0px 0 0 0; text-align:center; color:#fff; background:url(../img/icon-menu.png) no-repeat; text-indent:-5000px;}
.menu-icon img{width:100%; clear:both; float:left;}
#icon-home{display:block; float:left; background:url(../img/icons-white.png) -577px -3px no-repeat; width:15px; height:15px; box-shadow:0px 0px 3px #000; border-radius:7px; margin-left:5px;}
#menu-txt{float:left; font-size:12px; padding:0 0 0 10px; color:#fff; display:block; line-height:12px;}

#menu-hide{
	background:#666; width:270px; font-size:12px;
	position:absolute; top:55px; left:-270px;
	display:none; min-height:100%; height:auto;
	z-index:10000;
}
#menu-hide li{list-style:none; width:100%; clear:both; float:left; border-bottom:1px solid #555;}
#menu-hide li.menu-h{background:#124299; width:94%; padding:7px 3%;}
#menu-hide li a{display:block; color:#fff; padding:12px 5%;  text-decoration:none !important;}
#menu-hide li a:hover{background:#555;}
#menu-hide li .menu-main{}
#menu-hide li .sub-slide-i{float:right; width:20px; color:#fff; border-radius:9px; font-size:11px ; cursor:pointer; text-align:center;}
#menu-hide li .sub-slide{clear:both; float:left; width:100%; display:none;}
#menu-hide li .sub-slide a{ background:#777; border-top:1px solid #666;}
#menu-hide li .sub-slide a:hover{background:#666;}


.user-name{float:right; width:60px; height:42px; cursor:pointer; padding:13px 0 0 0; text-align:center; color:#fff; background:#124299;}
.user-name img{vertical-align:middle; height:24px; width:auto; padding:0px; box-shadow:0px 0px 3px #444; border:1px solid #fff; border-radius:2px;}
#menu-right{
	background:#666; width:270px; font-size:12px;
	position:absolute; top:55px; right:-270px; *right:0px;
	display:none; min-height:100%; height:auto;
	z-index:100;
}
#menu-right li{list-style:none; width:100%; clear:both; float:left; border-bottom:1px solid #555;}
#menu-right li.menu-h{background:#124299; width:94%; padding:7px 3%;}
#menu-right li img{height:22px; clear:both; float:left; margin-right:8px;}
#menu-right li span{float:left; line-height:22px;}
#menu-right li a{display:block; color:#fff; clear:both; float:left; padding:12px 5%; width:90%;}
#menu-right li a:hover{background:#555; text-decoration:none !important;}




/*/////////////// CONTAINER ///////////////*/
#container{margin:0px auto; width:800px; padding:25px 5px 50px 5px; clear:both; min-height:300px;}
#oMain_page #container, #oSelect_page #container,#oL1_page #container,#oBonus_page #container{padding:105px 0 20px 0;}



/* ////////////// PROCESS BOX ///////////// */
.process_box{background:none; width:100%; margin:0 0 15px 0; padding:20px 0; z-index:90;}
.process_box ul{margin:0; padding:0;}
.process_box ul li{list-style:none; float:left; width:25%; text-align:center; position:relative;}
.process_box .process_num{position:relative; font-size:15px; left:0; top:0; background:#ccc; color:#fff; border:2px solid #fff; margin:0px auto; padding:17px 0; float:none; border-radius:35px; z-index:91; display:block; width:55px;}
.process_box .process_txt{color:#444; padding:5px 0 0 0;}
.process_box .active{background:#069F34 !important; color:#fff !important; float:none;}
.process_box li:after {content:''; width: 100%; text-indent:-20000; height:6px; border-bottom:1px solid; border-top:1px solid; border-color:#ccc;  background:#ddd; position:absolute; left:0; top:25px; z-index:90;}
.h1_box{color:#EF0003; font-size:19px; padding:0 0 5px 0; display:block;}





/*///////////// LOGIN //////////////*/
#logo_login{padding:40px 0 30px 0; font-size:20px; color:#910f02;}
#logo_login img{margin:0 0 15px 0; width:90px;}
#logo_login p{padding:5px 0 0 0; margin:0;}
#login_frm{width:60%; padding:20px 5%; margin:0px auto; background:#eef1fa; font-size:14px;}
#login_frm label{width:120px; text-align:left; padding:0 0 0 10px;}
#login_frm .txt{width:250px;}
#remember_login{margin:0px 5px 0 0; line-height:18px;}
#login_frm b{padding:0px 0 0 0; line-height:18px;}
#login_frm a{color:#F8B524;}
#login_frm h1{clear: both; color: #3B5998; float: left; font-size: 28px; margin: 0 0 15px; padding: 5px 0; width: 100%; font-size:20px;}
#clearcookie{width:70%; margin:20px auto 20px auto; float:none; font-size:15px !important;}



/*//////////// FORM /////////////*/
.frm p{padding:0 0 7px 0px; clear:both; float:left; width:100%;}
.frm b{font-weight:normal;}
.frm b.label{padding:0 5px 0 0; float:left; line-height:25px; width:80px; text-align:right;}
.h_frm{background:#7989C4; color:#fff; padding:5px 2% !important; width:96% !important; margin:0 0 10px 0; font-size:14px;}
.frm label{clear:both; float:left; padding:0 10px 0 0; line-height:20px;}
.frm_inner{padding:5px 2% 30px 2%; width:96%; clear:both; float:left;}
.lb_description{color:#AC0C0F; font-size:12px; font-style:italic;}
.txt{border:1px solid #ccc; padding:0 5px; line-height:25px; height:24px; float:left; margin-right:3px; font-size:14px;}
.txt_1{width:50px;}
.txt_2{width:120px;}
.txt_3{width:180px;}
.txt_4{width:240px;}
.txt_short{width:30px;}
.txt_mini{width:10px;}

.select_1{width:65px; float:left; height:26px;}
.select_2{width:130px; float:left; height:26px;}
.select_3{width:200px; float:left; height:26px;}
.select_4{width:250px; float:left; height:26px;}
.select_5{width:300px; float:left; height:26px;}
.select_6{width:350px; float:left; height:26px;}
.select_short{width:55px; float:left; height:26px;}

.frm .highlight{background:#FBFDA7; border:1px solid #ddd;}

select{width:97%; height:100%;}

.frm i.star{float:left; padding:0 3px 0 2px; color:#C0070A; font-style:normal; font-size:12px; line-height:25px;}
.frm i.seperate{padding:3px 3px; text-align:center; float:left; display:inline-block; font-style:normal;}

.frm .frm_col{float:left;}
.frm .frm_col .txt{line-height:27px;}
.frm .three_col .frm_col{float:left; width:31.5%; padding-left:10px;}
.frm .three_col .txt_2{width:120px;}
.frm .three_col .col_1{}
.frm .three_col .col_2{}
.frm .three_col .col_3{}
.frm .three_col .col_span2{width:60%;}

.frm .file{display:none;}
.frm .fake_file{padding:5px 0; font-size:12px; min-width:125px; float:left;}
.frm .fake_path{float:left; padding:5px 0 0 3px;}



.easypass_mobile {
    background:url(../../img/bg_line_button1.jpg) repeat-x;
    border-radius: 6px;
    color: #FFFFFF;
    float: left;
	display:block;
    min-height: 47px;
    padding:5px 0;
    width: 100%; margin-bottom:10px;
}

.easypass_line_id {
    background: url(../../img/bg_line_button.jpg) repeat-x;
    border-radius: 6px;
    color: #FFFFFF;
    float: left;
	display:block;
    min-height: 47px;
    padding:5px 0;
    width: 100%; margin-bottom:20px;
}

.easypass_mobile:hover, .easypass_line_id:hover{color:#fff;}
.easypass_mobile img, .easypass_line_id img{margin:0 0 0 5px;}
.easypass_tel .col_3{margin-right:5px;}

.easypass_tel img {background: none repeat scroll 0 0 #FFFFFF; border-radius: 5px; padding: 1px;}
.easypass_tel .col_2 {float: left; font-size: 16px; padding: 12px 0 0 10px; width:45%;}
.easypass_tel .col_3 {font-size: 13px; padding: 13px 0 0 10px;}
.easypass_line_id .col_2 {width: 80%;}




/*/////////////// FOOTER ///////////////*/
#footer{padding:7px 0; position:absolute; bottom:0; border-top:3px double #1c4aa8; background:#eee; margin:0px 0 0 0; clear:both; width:100%;}
#footer .inner{width:800px; color:#666; font-size:12px; margin:0px auto;}
#copyright{width:80%; float:left;}
#true_hits{width:14px;}



/*////////////////// Main Menu ///////////////////*/
.main_menu{width:100%; padding: 30px 5% 15px; width:90%; margin-bottom:25px; text-align:center;}
.main_menu a{background:#fff; border:1px solid #adb6c7; border-radius:10px; color:#3c5ca5; display:inline-block; float:none; clear:none; font-size:18px; margin:0 10px 15px 0; padding:10px 0;  width:45%;}
.main_menu a:hover{background:#7989c4; color:#fff;}
#logout_btn{background:#B50306; color:#fff;}
#login_btn{background:#199805; color:#fff;}



.disabled{background:#ddd; border-color:#ccc;}


.txt-success{color:#248F05;}
.txt-warning{color:#E40104;}
.bg_success{background:#D7FBE5;}


@media screen and  (max-width: 767px) and (-webkit-min-device-pixel-ratio:0) { 
	select:focus, textarea:focus, input[type=text]:focus, input[type=password], input[type=email], input[type=tel], input[type=number] {font-size: 16px !important;} 
}

@media only screen and (max-width:799px){
	#container{width:98%; min-width:300px; overflow:hidden; padding:25px 1% 70px 1%;}
	.inner{width:100%; overflow:hidden;}
	#top{width:100%; min-width:310px;}
	#top .inner{width:100%; overflow:visible;}
	#top_name,#top_money,#top a{}	
	#top_name,#top_online{white-space:normal; padding-top:2px;}
	.txt_margin{margin-top:3px;}
	#footer .inner{width:100%; min-width:310px;}
}

@media only screen and (max-width:479px){
	/* ///// PROCESS BOX ///////*/
	.process_box{margin:0 0 10px 0; padding:0 0 10px 0;}
	.process_box .process_txt{font-size:10px; padding-top:0px;}
	.process_box .process_num{font-size:14px; padding:15px 0; width:47px; border-radius:25px;}
	.process_box li:after {top:23px; height:4px;}
	/* /////////////////////////*/
	
	.light_box{width:90%;}
	 
	#top_money{padding:2px 0 0 5px;}
	.h_bar span{font-size:12px;}
	#logo_login{font-size:15px; padding:0 0 20px 0; }
	#login_frm{width:95%; padding:10px 2%;}
	#login_frm label{width:24%; padding:0 0 0 2%;}
	#login_frm .txt{width:69%; padding:0 2%; margin-right:0px;}
	#login_frm #btn_login{width:100%;}
	.frm .emp_label{width:0px !important; height:0px;}
	
	.easypass_tel .col_2{font-size:14px;}
	
	.main_menu a{width:99%; padding:8px 0;}
	
	h1{font-size:20px;}
	h2{font-size:18px;}
	h3{font-size:16px;}
	
	
	/*/////////// FORM ///////////*/
	.frm label{font-size:12px;}
	.frm .three_col .frm_col{width:98%; padding-left:0px;}
	.frm .three_col .frm_col .txt_2{width:180px;}
	.frm b.label{text-align:left; width:80px; margin-bottom:10px; font-size:12px;}
	.frm .three_col{padding:0px; margin:0;}
	.frm .fake_path{margin:3px 0 0 80px;}
	
	

	#footer{clear:both; width:100%; margin-top:5px;}
	#copyright{float:left; width:98%; padding:0px 1%;}
}


@media only screen and (min-width:480px) and (max-width:767px){
	h1{font-size:22px;}
	h2{font-size:20px;}
	h3{font-size:16px;}
	
	#top{min-width:480px;}
	#top .inner, #footer .inner{width:98%; min-width:480px;}
	#top_money{padding:2px 0 0 10px;}
	#container{width:98%; min-width:470px; padding:25px 1% 45px 1%;}
	
	
	/*/////////// FORM ///////////*/
	.frm label{font-size:12px;}
	.frm .three_col .frm_col{width:98%; padding-left:0px;}
	.frm .three_col .frm_col .txt_2{width:250px;}
	.frm b.label{text-align:left; width:150px; margin-bottom:7px; font-size:12px;}
	.frm .three_col{padding:0px; margin:0;}
	.frm .fake_path{margin:3px 0 0 100px;}
	.frm .emp_label{width:0px !important; height:0px;}
	
	

	#footer{clear:both; width:100%;}
	#login_frm{width:90%; padding:10px 2%;}
	#login_frm label{width:24%; padding:0 0 0 2%;}
	#login_frm .txt{width:69%; padding:0 2%; margin-right:0px;}
	#login_frm #btn_login{width:100%;}
}