@charset "utf-8";
/* CSS Document */
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition: all 0.6.0s;transition: all 0.6s;}
.sprite{background:url(/media/img/sprite.jpg) no-repeat;}
/* header begins */
.header{width:100%;height:80px;background:#FFFFFF;font-weight:500;border:thin solid #E8E8E8;}
.wrapper{width:90%;height:80px;margin:0px auto;padding:0px 12px 0px 8px;}
.logo{
     width:120px;
	 height:58px;
	 float:left;
	 position:relative;
	 top:20px;}
.nav_bar{
     margin:0px;
	 padding:0px;
	 position:relative;
	 top:29px;
	 right:25px;
	 float:right;
	 z-index:300000;}
.tab{float:left;
	 text-align:center;
	 list-style:none;}	 
.tab a{padding:0px 16px;font-weight:normal;
     display:block;
	 text-decoration:none;
	 color:#333333;
	 line-height:49px;
	 font-size:16px;}
.tab a:hover{color:#145ECC;}
.tab.active .subnav,
.tab:hover .subnav{display:block;}
.subnav{
     display:none;
	 width:208px;
	 background:#FFFFFF;
	 padding:10px 0px;
	 margin:0px;
	 border:1px solid #E8E8E8;
	 text-align:left;
	 position:absolute;
	 top:49px;
	 z-index:300000;}
.subnav li{list-style:none;width:100%;}
.subnav a{font-size:14px;padding:0px 20px;color:#292929;line-height:36px;}
.subnav:before{
     content:'';
	 width:0;
	 height:0;
	 margin-left:-26px;
	 border:10px solid transparent;
	 border-top:0;
	 border-bottom:8px solid #E6E6E6;
	 position:absolute;
	 top:-0.6em;
	 left:4em;}
.navi_btn_trial{
    text-align:center;
	float:right;
	position:relative;
	top:28px;
	margin:0px;}
.navi_btn_trial a{border:thin solid #23ab70;
	background-color:#23ab70;
	border-radius:4px;
	display:inline-block;
	cursor:pointer;
	color:#FFFFFF;
	text-decoration:none;
	text-shadow:0px 0px 0px #145ECC;
	padding:6px 20px;
	text-align:center;
	margin:10px;}
.navi_btn_trial a:hover {background-color:#17965f;color:#FFFFFF;text-decoration:none;border:thin solid #17965f;}
.navi_btn_trial a:active {position:relative;top:1px;}
/* header ends */


/* footer begins */

.footer_static{width:100%;margin:0px;background:#FFFFFF;border-top:8px solid #FAFAFA;}
.footer_static_ctn{width:90%;margin:0px auto;padding:20px 0px;}
.footer_static_column{width:33.3%;float:left;}
.footer_static_column_ctn{width:90%;margin:0px auto;}
.footer_static_column_ctn h3{font-weight:800;line-height:34px;color:#8c8c8c;font-size:18px;}
.footer_static_column_ctn a{list-style:none;text-decoration:none;line-height:32px;color:#8c8c8c;margin:0px 4px;font-size:14px;font-weight:500;}
.footer_static_column_ctn a:hover{list-style:none;color:##8c8c8c;}

.site_copyinfo{padding:4px 0px;text-align:center;border-top:2px solid #FAFAFA;}
.site_copyinfo p{font-size:14px;color:#243b42;}

/* footer ends */



.content{width:90%;min-height:700px;margin:0px auto;padding:20px 12px 40px;}


/* test code begins  (Transfer to style.css after testing.)*/



/* test code ends */




@media screen and (min-width:50px) and (max-width:850px){
/* header begins */
.wrapper{width:100%;}
.nav_bar{margin:0px;
    display: none;
    position: absolute;
	right:0px;
	top:80px;
    background:#FFFFFF;
    width:60%;
	border:thin solid #E8E8E8;
	padding:15px 0px;}
	
.tab{float:none;
	 width:100%;
	 font-size:14px;
	 text-align:center;}

.tab a{padding:2px 0px;line-height:34px;font-weight:700;}

.subnav{display:block;position:static;border:none;width:100%;padding:0px;text-align:center;}
.subnav:before{display:none;}

.subnav a{font-weight:400;}

.navi_btn_trial{top:30px;margin:0px 0px 0px 18px;}
.navi_btn_trial a{font-size:15px;padding:6px 22px 7px;}
.dropbtn {
    float:right;
	width:31px;
	height:30px;
	position:relative;
	top:38px;
	background-position: -239px -391px;}
.show {display:block;}
/* header ends */


/* footer begins */
.footer_static_ctn{width:100%;padding:0px 12px;}
.footer_static_column{width:100%;}
.footer_static_column_ctn{width:100%;margin:0px auto;text-align:center;}

.footer_nav a{
   display:block;
   margin:0px;
   padding:9px;
   border:1px solid #a6abc5;
   -moz-border-radius:8px;
   -webkit-border-radius:8px;
   border-radius:8px;}  
.footer_nav a:hover{box-shadow:#A7A7A7 0px 0px 1px;background:#E8E8E8;}
.footer_nav a:active{position:relative;top:1px;}
/* footer ends */

.content{width:100%;}

}