@charset "utf-8";
/* CSS Document */
#icon_menu{padding:8px 0px 5px 5px; height:22px; cursor:pointer; float:left; z-index:9000; display:none;}
#icon_menu img{width:20px;}
#icon_menu_emp{padding:8px 0px 5px 5px; height:22px; cursor:pointer; float:left; z-index:9000; display:none;}
#icon_menu_emp img{width:20px;}
#icon_menu_2{padding:8px 0px 5px 0px; margin-left:30px; height:22px; cursor:pointer; float:left; z-index:9000; display:none;}
#icon_menu_2 img{width:20px;}

.icon_click{color:#f00;}

#tab_ins{display:none;}
#shadow{width:100%; background:#000; display:none; position:fixed;}

#menu_res2{width:60px; height:22px;}




/*/////////// Q1 ///////////*/
#show_hide_rabu{display:none; white-space:nowrap; padding:5px 10px; cursor:pointer;  text-align:center; margin:10px 0 0px 0; border-radius:3px;}
#recal_2{display:none; margin-right:5px;}
.q_page #tab_ins span{background:#404040; white-space:nowrap; cursor:pointer; display:block; padding:10px 13px 10px 13px; color:#fff; margin:5px 1px 5px 0; font-size:13px;}

.q_page #tab_ins span.tab_1{background:#5ac8fa;}
.q_page #tab_ins span.tab_2{background:#2e89b2;}
.q_page #tab_ins span.tab_3{background:#748e99;}
.q_page #tab_ins span.tab_4{background:#ffa69c;}
.q_page #tab_ins span.tab_5{background:#ff7589;}


/*/////////// QCHK ///////////*/
#qChk_tab{display:none;}
#qChk_tab{border:none !important; height:auto !important; margin:10px 0 0px 0; display:none;}
#qChk_tab li{float:left; width:46px !important; line-height:13px; float:left; clear:none !important; text-align:center; height:15px !important; background:#404040; color:#fff; border-radius:0px 0px 0 0; margin:0 1px 0 0;}
#qChk_tab2{display:none;}
#qChk_tab li#qChk_tab5{width:49px !important; margin:0;}

.h_mobile{display:none; width:98%; padding:5px 2% 5px 0; text-align:right; margin:0; color:#fff; font-size:14px;}
#qChk_page #qChk_plan1 .h_mobile{background:#5AC8FA;} 
#qChk_page #qChk_plan1low .h_mobile{background:#2E89B2;} 
#qChk_page #qChk_plan2plus .h_mobile{background:#748E99;} 
#qChk_page #plan3_plus .h_mobile{background:#FFA69C;} 
#qChk_page #qChk_plan3 .h_mobile{background:#FF7589;} 


/* MENU */
#menu_top{padding:15px 0 0px 0; font-size:13px;}
#menu_top ul{width:100%;}
#menu_top li{list-style:none; color:#fff; float:left;}
#menu_top li.sep{padding:0 10px; text-align:center;}
#menu_top li a{display:block; color:#fff; padding:0;}
#menu_top li a:hover,#menu_top li a.active{text-decoration:underline;}

#menu_top_emp{padding:3px 0 0 0; font-size:13px;}
#menu_top_emp ul{width:100%;}
#menu_top_emp li{list-style:none; color:#fff; float:left;}
#menu_top_emp li.sep{padding:0 10px; text-align:center;}
#menu_top_emp li a{display:block; color:#fff; padding:0;}
#menu_top_emp li a:hover,#menu_top li a.active{text-decoration:underline;}

#menu_2{padding:5px 0; width:100%; background:#34559c;}
#menu_2 ul{width:980px;}
#menu_2 ul li{list-style:none; float:left; color:#fff;}
#menu_2 li.sep{padding:0 5px; text-align:center;}
#menu_2 ul li a{color:#fff; font-size:11px; display:block;}
#menu_2 ul li a:hover,#menu_2 ul li a.active{text-decoration:underline;}


/* ////// QCAL //////  */
#qcal_cardetail2{display:none;}


/*/////////// QTYPE ALL ///////////*/
#img_h_table{display:none; margin:0;}
#img_h_table span{padding:0 3px 0 0; float:left; position:relative;}
#img_h_table span i{position:absolute; bottom:3px; right:10px; font-style:normal; font-size:12px; color:#000;}
#img_h_table span img{width:60px; border:2px solid; float:left;}
#img_h_table span.active img{border:6px solid; border-bottom:none;}
#img_h_table span.list_1 img{border-color:#5AC8FA;}
#img_h_table span.list_2 img{border-color:#2E89B2;}
#img_h_table span.list_3 img{border-color:#FFA69C;}
#img_h_table span.list_4 img{border-color:#FF7589;}


@media only screen and (min-width: 768px) and (max-width: 991px){
	#header, #top, #container, footer{min-width:800px;}
}



@media only screen and  (max-width: 767px){
	.none{display:none !important;}
	.block{display:block !important;}
	.inner{width:98%; padding:5px 0px; min-width:300px;}
	#top{height:auto; width:100%; min-width:320px; min-height:30px; padding:3px 0;}
	#top .inner{padding:0; overflow:visible; display:block; height:100%;}
	#top_2{display:none;}
	.menu_line2{padding-top:0px;}
	.sep2{padding-top:0px;}
	#logo{position:absolute; right:10px; top:4px; margin:0;  padding:1px;}
	#logo img{width:25px;}	
	#broker_name {position:absolute; right:45px; top:12px; padding:0; font-size:11px; z-index:10000000;}
	
	#top_emp{height:auto; width:100%; min-width:320px; height:35px;}
	#top_emp .inner{padding:0px 0 0 0;}
	#emp_name{position:absolute; right:5px; top:0px; width:200px; padding:8px 24px 0 0; background-position:right 6px;}
	
	#header{padding:45px 0 0px 0;}
	
	#container{padding:10px 0px;}
	
	#icon_menu{display:block;}
	#icon_menu_2{display:block;}
	#icon_menu_emp{display:block;}
	
	
	#menu_top{position:absolute; top:37px; left:-3px; background:#3b5998; border-bottom:2px solid #fff; border-right:2px solid #fff; display:none; z-index:15000; width:71%; overflow:hidden; padding:0px 0 0px 0;}
	#menu_top li.sep,#menu_2 li.sep,#menu_top_emp li.sep{display:none;}
	#menu_top li.sep2{display:none;}
	
	.menu_show{
		z-index:800000;
		display:block !important;
	}
	
	#menu_top li{float:left; width:100%; margin:0;}
	#menu_top li a{width:94%; text-align:left; padding:13px 0px 5px 6%; font-size:12px; background:url(../../images/bg_menu2.jpg); height:25px;	}
	#menu_top li.menu_topic{font-size:16px; background:#20386a; height:40px; width:95%; padding:15px 0 0px 5%; border-bottom:1px solid #fff;}
	#menu_top li.menu_first{clear:both; float:left;}
	
	#menu_top_emp{position:absolute; top:35px; left:0px; background:#3b5998; border-right:2px solid #fff; border-top:2px solid #fff; border-bottom:2px solid #fff; z-index:1600; width:70%; padding:0px 0 0px 0; display:none;}
	#menu_top_emp li{float:left; width:100%; margin:0;}
	#menu_top_emp li a{width:95%; text-align:left; padding:15px 0px 5px 5%; font-size:12px; background:url(../../images/bg_menu_emp.jpg); height:25px;}
	
	#menu_2{position:absolute; top:38px; left:0px; background:#3b5998; border-right:2px solid #fff; border-top:2px solid #fff; border-bottom:2px solid #fff; z-index:1700; width:70%; padding:0px 0 0px 0; display:none;}
	#menu_2 .inner{width:100%; float:left; min-width:0px;}
	#menu_2 ul{width:100%; float:left;}
	#menu_2 ul li{float:left; width:100%; margin:0;}
	#menu_2 ul li a{width:95%; text-align:left; display:block; padding:13px 0px 5px 5%; font-size:12px;  background:url(../../images/bg_menu2.jpg); height:25px;}
	#menu_2 ul li a:hover{}
	#menu_2 ul li a.active{}	
	

	#banner_easypass{margin-bottom:0px !important;}
	
	#footer{padding:10px 0;}
	#footer .inner{width:100%;}
	#menu_footer{display:none;}
	#menu_footer2{display:block; width:90%; margin:0px auto 15px auto; height:30px;}
	#menu_footer2 select{width:100%; height:100%; border-radius:2px; border:1px solid #314c85; background:#fff;}
	#copyright{font-size:10px;}
	#copyright span{clear:both; display:block;}
	#truehit{float:none; clear:both; text-align:center; margin:0px auto; position:relative; top:0px; padding:20px 0 0 0;}
}


@media only screen and  (max-width: 479px){			
	/*/// BACK TO TOP ///*/
	#back-top {width:40px; left:5px; bottom:5px;}
}



@media only screen and (min-width: 480px) and (max-width: 767px) {	
	/*/// BACK TO TOP ///*/
	#back-top {width:35px; left:5px; bottom:-10px;}
}