@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}



/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */

.main {
	width: 100%;
	padding-left: 0;
	padding-right:0;
	margin: auto;
}

header{ width:100%; margin:auto; padding:0 0 0 0; background:url(../images/header.jpg) repeat-x left bottom; height:85px; position:fixed; z-index:999}

.header_pan{ width:100%; margin:auto; padding:0px;}
.logo{ float:left; margin:0px; padding:13px 0 0 0; width:65%; height:auto;}
.head_right{ width:10%; float:right; margin:0 0 0 0; padding:0px;}
.banner{ width:100%; margin:85px auto auto auto; }

section{ width:100%; margin:auto;}
.service{ width:80%; margin:auto; min-height:0; padding:20px 0;}
.service h1{ padding:0px; margin:0; font: 21px/37px Arial, Helvetica, sans-serif; text-align:center; border-bottom:1px solid #000; color:#4B4149;}
.service h1 strong{ background:#4B4149; color:#fff; padding:8px 40px; font: 21px/37px Arial, Helvetica, sans-serif; text-align:center;}
.serv_pan_box{ width:100%; margin:auto; padding:23px 0; clear:both; overflow:hidden; zoom:1; text-align:center;}
.serv_pan_box ul{ padding:0px; margin:0px;}
.serv_pan_box li{ width:25%; height:auto; border:5px solid #4B4149; margin:5px; list-style:none; display:inline-block; float:none;}
.serv_pan_box ul li:hover{ border:5px solid #c1c1c1;}

footer{ background:#4b4149; height:auto;}
.footer_pan{ margin:auto; width:100%;}
.foot_box1{ width:80%; float:none; margin:auto; padding:10px 0 0 0; border-right:none; min-height:auto;}
.footer_pan h2{ font:21px normal Arial, Helvetica, sans-serif; color:#fff;}
.footer_pan p{font:14px/20px normal Arial, Helvetica, sans-serif; color:#fff; text-align:justify; letter-spacing:1px; clear:both;}
.foot_box2{ width:80%; float:none; margin:auto; padding:10px 0 0 0; border-right:none; min-height:auto;}
.foot_box3{ width:80%; float:none; margin:auto; padding:10px 0 0 0; border-right:none; min-height:auto;}
.gallery{ width:95%; margin:80px auto auto auto; clear:both; overflow:hidden; }
.gallery h1{ font:large/60px normal Arial, Helvetica, sans-serif; color:#ED3237; background:#F3F6FB}
span{ color:#000;}
.gallery span img{ color:#000; padding:0 4px;}
.g_pan{ width:97%; margin:0; float:none; margin:auto;}
.g_pan h1{ font: small/30px normal Arial, Helvetica, sans-serif; text-align:left;}
.g_pan h1 b{ font:small Arial, Helvetica, sans-serif; color:#666;}
.g_pan h1 span{ font: small/30px normal Arial, Helvetica, sans-serif; text-align:left;}
.g_box{ width:45%; float:left; height:auto; border:1px solid #c1c1c1; margin:7px;}
.g_box img{ margin:0 0 8px 0;}
.g_box p{ font:small/20px normal Arial, Helvetica, sans-serif; text-align:left; padding:0 0 0 5px; margin:0px; }
.g_box:hover{ border:1px solid #ccc; background:#F3F6FB;}
.g_left{ float:none; width:97%;  border:1px solid #dfdfdf; margin:30px auto auto auto;}
.series_list{ width:100%; float:left; background:#ED3237; font:18px/30px normal Arial, Helvetica, sans-serif; border-bottom:1px solid #ccc; text-align:center; clear:both; color:#fff;}

.g_left ul{ padding:0px; clear:both; width:98%; margin:auto; }
.g_left li{ padding:0; margin:0px; list-style:none; border-bottom:1px solid #ccc;}
.g_left li a{ text-decoration:none; color:#444; padding:0 0 0 16px; margin:0px; font:14px/40px normal Arial, Helvetica, sans-serif; list-style:none; background:url(../images/dot.jpg)  no-repeat 2px 15px; display:block;}
.g_left li a.active{ text-decoration:none; color:#444; padding:0 0 0 16px; margin:0px; font:14px/40px normal Arial, Helvetica, sans-serif; list-style:none; background:url(../images/dot.jpg)  no-repeat 2px 15px #F3F6FB; display:block;}
.g_left li:last-child{ border-bottom:none;}
.g_left li a:hover{ background:url(../images/dot.jpg)  no-repeat 2px 15px #F3F6FB;}
.g_left ul li ul{ padding:3px 0 3px 10px; margin:0px; list-style:none; width:92%;}
.g_left ul li ul li{ padding:0; margin:0px; list-style:none; border-bottom:1px solid #ccc;}
.g_left ul li ul li a{ text-decoration:none; color:#444; padding:10px 0 10px 16px; margin:0px; font:14px/16px normal Arial, Helvetica, sans-serif; list-style:none; background:none; display:block;}
.g_left ul li ul li a:hover{background:none; background-color:#F3F6FB; display:block;}
.g_left ul li ul li a.active{ text-decoration:none; color:#444; padding:10px 0 10px 16px; margin:0px; font:14px/16px normal Arial, Helvetica, sans-serif; list-style:none; background:none; background-color:#F3F6FB; display:block;}

.g_box2{ width:90%; float:left; min-height:160px;  border:1px solid #c1c1c1; margin:7px; padding:10px 10px 5px 10px; overflow:hidden;}
.g_box2:hover{ border:1px solid #ccc; background:#F3F6FB;}
.g_box2 img{ padding:0; margin:0px 15px 0 0; float:left;}
.g_box2 .tg{ padding:0  10px; margin:0px; float:left; background:#ED3237; min-width:90%; font:small/22px bold Arial, Helvetica, sans-serif; color:#fff; text-align:center;}
.pp_l{float:right; width:83%;}
.pp_l .b1{ float:left; width:68%;}
.pp_l .b2{ float:right; width:25%;}
.g_box2 .left{ float:left; width:39%}
.g_box2 .right{ float:right; width:58%;}
.container{ width:100%; margin:80px auto auto auto; min-height:500px;}
.container_pan{width:80%; margin:10px auto; overflow:hidden;}
.container_pan p{text-align:left; font:small normal Arial, Helvetica, sans-serif;}
.container_pan p img{ float:left; margin:0 10px 15px 0;}
.container_pan .left{ width:100%; float:left;}
.container_pan .right{ width:100%; float:right;}
.container_pan span{ color:#ED3237;}
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
.main {
	width: 100%;
	padding-left: 0;
	padding-right:0;
	margin: auto;
}

header{ width:100%; margin:auto; padding:0 0 0 0; background:url(../images/header.jpg) repeat-x left bottom; height:85px; position:fixed; z-index:999}

.header_pan{ width:95%; margin:auto; padding:0px;}
.logo{ float:left; margin:0px; padding:13px 0 0 0; width:65%; height:auto;}
.head_right{ width:26%; float:right; margin:0 0 0 0; padding:0px;}
.banner{ width:100%; margin:85px auto auto auto;}

section{ width:100%; margin:auto;}
.service{ width:80%; margin:auto; min-height:0; padding:45px 0;}
.service h1{ padding:0px; margin:0; font: 21px/37px Arial, Helvetica, sans-serif; text-align:center; border-bottom:1px solid #000; color:#4B4149;}
.service h1 strong{ background:#4B4149; color:#fff; padding:8px 40px; font: 21px/37px Arial, Helvetica, sans-serif; text-align:center;}
.serv_pan_box{ width:100%; margin:auto; padding:23px 0; clear:both; overflow:hidden; zoom:1; text-align:center;}
.serv_pan_box ul{ padding:0px; margin:0px;}
.serv_pan_box li{ width:25%; height:auto; border:5px solid #4B4149; margin:5px; list-style:none; display:inline-block; float:none;}
.serv_pan_box ul li:hover{ border:5px solid #c1c1c1;}

footer{ background:#4b4149; height:auto;}
.footer_pan{ margin:auto; width:100%;}
.foot_box1{ width:80%; float:none; margin:auto; padding:10px 0 0 0; border-right:none; min-height:auto;}
.footer_pan h2{ font:21px normal Arial, Helvetica, sans-serif; color:#fff;}
.footer_pan p{font:14px/20px normal Arial, Helvetica, sans-serif; color:#fff; text-align:justify; letter-spacing:1px; clear:both;}
.foot_box2{ width:80%; float:none; margin:auto; padding:10px 0 0 0; border-right:none; min-height:auto;}
.foot_box3{ width:80%; float:none; margin:auto; padding:10px 0 0 0; border-right:none; min-height:auto;}
.gallery{ width:95%; margin:80px auto auto auto; clear:both; overflow:hidden; }
.gallery h1{ font:large/60px normal Arial, Helvetica, sans-serif; color:#ED3237; background:#F3F6FB}
span{ color:#000;}
.gallery span img{ color:#000; padding:0 20px;}
.g_pan{ width:97%; margin:0; float:none; margin:auto;}
.g_pan h1{ font: large/60px normal Arial, Helvetica, sans-serif; text-align:left;}
.g_pan h1 b{ font:small Arial, Helvetica, sans-serif; color:#666;}
.g_pan h1 span{ font: large/60px normal Arial, Helvetica, sans-serif; text-align:left;}
.g_box{ width:22%; float:left; height:auto; border:1px solid #c1c1c1; margin:7px;}
.g_box img{ margin:0 0 8px 0;}
.g_box p{ font:small/20px normal Arial, Helvetica, sans-serif; text-align:left; padding:0 0 0 5px; margin:0px; }
.g_box:hover{ border:1px solid #ccc; background:#F3F6FB;}
.g_left{ float:none; width:97%;  border:1px solid #dfdfdf; margin:30px auto auto auto;}
.series_list{ width:100%; float:left; background:#ED3237; font:18px/30px normal Arial, Helvetica, sans-serif; border-bottom:1px solid #ccc; text-align:center; clear:both; color:#fff;}

.g_box2{ width:43.8%; float:left; min-height:172px;  border:1px solid #c1c1c1; margin:7px; padding:10px 10px 0 10px; overflow:hidden;}
.g_box2:hover{ border:1px solid #ccc; background:#F3F6FB;}
.g_box2 img{ padding:0; margin:0px 15px 0 0; float:left;}
.g_box2 .tg{ padding:0  10px; margin:0px; float:left; background:#ED3237; min-width:90%; font:small/22px bold Arial, Helvetica, sans-serif; color:#fff; text-align:center;}
.pp_l{float:right; width:83%;}
.pp_l .b1{ float:left; width:68%;}
.pp_l .b2{ float:right; width:25%;}
.g_box2 .left{ float:left; width:39%}
.g_box2 .right{ float:right; width:58%;}
.container{ width:100%; margin:80px auto auto auto; min-height:500px;}
.container_pan{width:80%; margin:10px auto; overflow:hidden;}
.container_pan p{text-align:left; font:small normal Arial, Helvetica, sans-serif;}
.container_pan p img{ float:left; margin:0 10px 15px 0;}
.container_pan .left{ width:100%; float:left;}
.container_pan .right{ width:100%; float:right;}
.container_pan span{ color:#ED3237;}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 847px) {
.main {
	width: 100%;
	padding-left: 0;
	padding-right:0;
	margin: auto;
}

header{ width:100%; margin:auto; padding:0 0 0 0; background:url(../images/header.jpg) repeat-x left bottom; height:97px; position:fixed; z-index:999;}

.header_pan{ width:1600px; margin:auto; padding:0px;}
.logo{ float:left; margin:0px; padding:13px 0 0 0; width:298px; height:84px;}
.head_right{ width:64%; float:left; margin:0px; padding:0px;}
.banner{ width:100%; margin:97px auto auto auto; background:#FFF; text-align:center;}
section{ width:100%; margin:auto;}
.service{ width:80%; margin:auto; min-height:400px; padding:24px 0;}
.service h1{ padding:0px; margin:0; font: 21px/37px Arial, Helvetica, sans-serif; text-align:center; border-bottom:1px solid #000; color:#4B4149;}
.service h1 strong{ background:#4B4149; color:#fff; padding:8px 40px; font: 21px/37px Arial, Helvetica, sans-serif; text-align:center;}
.serv_pan_box{ width:100%; margin:auto; padding:23px 0; clear:both; overflow:hidden; zoom:1; text-align:center;}
.serv_pan_box ul{ padding:0px; margin:0px;}
.serv_pan_box li{ width:167px; height:167px; border:5px solid #4B4149; margin:17px; list-style:none; display:inline-block; float:none;}
.serv_pan_box li a{ text-decoration:none;}
.serv_pan_box ul li:hover{ text-decoration:none; border:5px solid #c1c1c1;}
footer{ background:#4b4149; height:275px; clear:both; margin:auto;}
.footer_pan{ margin:auto; width:950px;}
.foot_box1{ width:279px; float:left; margin:25px 0 0 0; padding:0 37px 0 0; border-right:1px solid #fff; min-height:210px;}
.footer_pan h2{ font:21px normal Arial, Helvetica, sans-serif; color:#fff;}
.footer_pan p{font:14px/20px normal Arial, Helvetica, sans-serif; color:#fff; text-align:justify; letter-spacing:1px;}
.foot_box2{ width:auto; float:left; margin:25px 0 0 0; padding:0 22px; border-right:1px solid #fff;  min-height:210px;}
.foot_box3{ width:auto; float:left; margin:25px 0 0 0; padding:0 23px; min-height:210px;}
.gallery{ width:950px; margin:123px auto 35px auto; clear:both; overflow:hidden;}
.gallery h1{ font:32px/63px normal Arial, Helvetica, sans-serif; color:#ED3237; background:#F3F6FB}
span{ color:#000;}
.gallery span img{ color:#000; padding:0 20px;}
.g_pan{ width:78%; margin:0; float:right}
.g1_box{ width:168px; float:left; height:300px; border:1px solid #c1c1c1; margin:7px;}
.g1_box p{ font:14px/20px normal Arial, Helvetica, sans-serif; text-align:left; padding:0 0 0 5px; margin:0px; }

.g_box{ width:168px; float:left; height:265px; border:1px solid #c1c1c1; margin:7px;}
.g_box img{ margin:0 0 8px 0;}
.g_box p{ font:14px/20px normal Arial, Helvetica, sans-serif; text-align:left; padding:0 0 0 5px; margin:0px; }
.g_box:hover{ border:1px solid #ccc; background:#F3F6FB;}
.g_left{ float:left; width:19%;  border:1px solid #dfdfdf; margin:30px 0 0 0; position:relative;}
.series_list{ width:100%; float:left; background:#ED3237; font:18px/30px normal Arial, Helvetica, sans-serif; border-bottom:1px solid #ccc; text-align:center; clear:both; color:#fff;}
.g_left ul{ padding:0px; clear:both; width:98%; margin:auto; }
.g_left li{ padding:0; margin:0px; list-style:none; border-bottom:1px solid #ccc;}
.g_left li a{ text-decoration:none; color:#444; padding:0 0 0 16px; margin:0px; font:14px/40px normal Arial, Helvetica, sans-serif; list-style:none; background:url(../images/dot.jpg)  no-repeat 2px 15px; display:block;}
.g_left li a.active{ text-decoration:none; color:#444; padding:0 0 0 16px; margin:0px; font:14px/40px normal Arial, Helvetica, sans-serif; list-style:none; background:url(../images/dot.jpg)  no-repeat 2px 15px #F3F6FB; display:block;}
.g_left li:last-child{ border-bottom:none;}
.g_left li a:hover{ background:url(../images/dot.jpg)  no-repeat 2px 15px #F3F6FB;}
.g_left ul li ul{ padding:3px 0 3px 10px; margin:0px; list-style:none; width:92%;}
.g_left ul li ul li{ padding:0; margin:0px; list-style:none; border-bottom:1px solid #ccc;}
.g_left ul li ul li a{ text-decoration:none; color:#444; padding:10px 0 10px 16px; margin:0px; font:14px/16px normal Arial, Helvetica, sans-serif; list-style:none; background:none; display:block;}
.g_left ul li ul li a:hover{background:none; background-color:#F3F6FB; display:block;}
.g_left ul li ul li a.active{ text-decoration:none; color:#444; padding:10px 0 10px 16px; margin:0px; font:14px/16px normal Arial, Helvetica, sans-serif; list-style:none; background:none; background-color:#F3F6FB; display:block;}

.tm {color:#333333; font:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;}
.tm a:link {color:#333333;}
.tm a:visited {color:#333333;}
.tm a:hover {color:#ED3237; text-decoration:underline;}


.g_box2{ width:333px; float:left; min-height:177px;  border:1px solid #c1c1c1; margin:7px; padding:10px 10px 0 10px; overflow:hidden; overflow:hidden;}
.g_box2:hover{ border:1px solid #ccc; background:#F3F6FB;}
.g_box2 img{ padding:0; margin:0px 15px 0 0; float:left;}
.g_box2 .tg{ padding:0  10px; margin:0px; float:right; background:#ED3237; min-width:84%; font:14px/25px bold Arial, Helvetica, sans-serif; color:#fff; text-align:center;}
.pp_l{float:right; width:83%;}
.pp_l .b1{ float:left; width:68%;}
.pp_l .b2{ float:right; width:25%;}
.g_box2 .left{ float:left; width:39%}
.g_box2 .right{ float:right; width:58%;}
.container{ width:100%; margin:120px auto auto auto; min-height:500px;}
.container_pan{width:950px; margin:10px auto; overflow:hidden;}
.container_pan p{text-align:left; font:14px normal Arial, Helvetica, sans-serif;}
.container_pan p img{ float:left; margin:0 10px 15px 0;}
.container_pan .left{ width:400px; float:left;}
.container_pan .right{ width:530px; float:right;}
.container_pan span{ color:#ED3237;}
.g_pan h1{ font:32px/63px normal Arial, Helvetica, sans-serif; text-align:left;}
.g_pan h1 b{ font:small Arial, Helvetica, sans-serif; color:#666;}
.g_pan h1 span{ font:32px/63px normal Arial, Helvetica, sans-serif; text-align:left;}
.ebook ul{padding:0px; margin:0px;}
.ebook li{padding:5px 0; margin:0px; list-style:none; font-weight:bold; font-size:18px;}
.ebook ul>li>ul>li{ list-style:none; padding:5px 10px; font-weight:normal; font-size:14px}
.ebook ul>li>ul>li a{text-decoration:none;}
}