@import url("font.css");

/* ######## :: SETUP :: ######## */
body { margin:0px; padding:0; color:#464646; font-family:Tahoma; font-size:13px; line-height:1.35em; background:#f25715} /* f25715 */

div, ul, ol, li {margin:0px; padding:0px; list-style:none;}
::-webkit-input-placeholder { color:#666;}
:-moz-placeholder { /* Firefox 18- */ color:#666;}
::-moz-placeholder {  /* Firefox 19+ */ color:#666;}
:-ms-input-placeholder { color:#9c9c9c;}
::-moz-selection { text-shadow:none;}
a:link , a:visited{ text-decoration:none; color:#999;}
a:hover { text-decoration:none; color:#505050;}
.clearAll { display: block; height: 0px;}
input,textarea,select  { border:none; font-family:Arial; font-size:14px; border:1px solid #bcbcbc; background:#FFF url(../images/bg-box.jpg) top repeat-x}
h1,h2,h3,h4 { font-family: 'db_ozone_xmedium'; font-weight:normal; line-height:normal; padding:0; margin:0;  letter-spacing:0.5px;}
p { font-weight:normal; line-height:1.35; padding:0; margin:0;}
.left { float:left;}
.right { float:right;}
img { border-style: none;}

.pageview ul, .pageview ol {padding-left: 20px;}
.pageview li , .pageview li {list-style-type: decimal;}


#container { background:url(../img/bg-content.jpg) center bottom no-repeat; overflow:hidden;}
.wrapper { width:1003px; margin:0 auto; position:relative; overflow: hidden}
.wrapHead { width:1003px; overflow:hidden; margin:0 auto; position:relative;}

/* Header */
#header { position:relative; height:610px; overflow:hidden; background:url(../images/header.jpg) top center no-repeat}
#header .logo { position:absolute; left:50%; top:18px; margin-left:-60px;}
#header .callcenter { position:absolute; left:0; top:58px;}
#header .top-share { position:absolute; right:68px; top:70px;}
#header .top-share .ico { text-indent:-9999px; display: inline-block; margin-left:10px;}
#header .top-share a.fb { width:26px; height:27px; background:url(../images/icon/ico-share.png) 0 0 no-repeat;}
#header .top-share a.twitter  { width:24px; height:26px; background:url(../images/icon/ico-share.png) -39px 0 no-repeat;}
#header .top-share a.chat  { width:25px; height:28px; background:url(../images/icon/ico-share.png) -76px 0 no-repeat;}

/* navMain */
#navMain { padding-top:120px; background:url(../img/bg-header.png) repeat-x;}
#navMain ul li { float:left; display:inline-block; height:41px; font-size:25px; line-height:1.5em; display:inline-block;font-family: 'db_ozone_xmedium'; text-shadow: 1px 1px 0px #000;}
#navMain ul li a { padding:0 16px; display:block; color:#FFF}
#navMain ul li a:hover { background-color:#d00202; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
#navMain ul li.active a { background-color:#d00202; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}

a.btn-enews { position:absolute; top:110px; right:0; width:172px; height:43px; vertical-align:text-top; text-indent:-99999px; display:inline-block; background:url(../images/btn-enews.png) no-repeat}
a.btn-enews:hover { background-position:0 -56px; background-color:none!important;}

.hMain { padding:20px 0; overflow:hidden;}
.hMain h1 { color:#904141; font-size:32px; text-shadow: 0px -1px 0px #FFF;}

/* Main */
#main { /*margin-bottom:40px; */background:url(../images/bg-main.jpg) center top no-repeat;}
#main .wrapper { overflow:visible; min-height:1590px; clear:both}
.sidebar { width:250px; float:left;}
.post-content { width:732px; float: right; background:#eee3df; min-height:2268px;}
.post-content .inner-page { padding:25px;}
.bn-box { margin:20px 0;}

#hightlight { text-align:center; position:relative;}
#hightlight .slides_container {
	width:1003px; background:#FFF;
	height:422px;
	overflow:hidden; position:relative;
}
#hightlight .slides_container div.slide {
	width:1003px;
	height:422px;background:#FFF;
	display:block; z-index:99
}
#hightlight .next,#hightlight .prev { display:none;}
#hightlight .pagination { position:absolute; bottom:20px; left:50%; margin-left:-60px; z-index:99999;
	width:120px;
}
#hightlight .pagination li {
	float:left;
	margin:0 3px;
	list-style:none;
}
#hightlight .pagination li a {
	display:block;
	width:12px;
	height:12px; text-indent:-9999px; background:url(../images/pagination.png) -16px 0;
	float:left;
	overflow:hidden;
}
#hightlight .pagination li a:hover { background:url(../images/pagination.png) 0 0;}
#hightlight .pagination li.current a {
	background:url(../images/pagination.png) 0 0;
}


/* Form Style */
.form-style input { border:0; padding:0 10px; height:35px; line-height:18px;  -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;}
.form-style textarea  { border:0; padding:10px 10px;  -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;}

a.btn-more { width:76px; height:23px; display:inline-block; text-indent:-9999px; background:url(../images/btn-more.png) no-repeat;}
a.btn-more:hover { background-position:0 -27px;}

a.btn-more-green { width:190px; height:35px; padding:5px 0; text-align:center; font-size:18px; color:#FFF; font-family: 'db_ozone_xmedium'; display:block; background:url(../images/btn-more-green.png) no-repeat;  -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;}
a.btn-more-green:hover { background-position:0 -45px;}

a.btn-more-pink { width:190px; height:35px; padding:5px 0; text-align:center; font-size:18px; color:#FFF; font-family: 'db_ozone_xmedium'; display:block; background:url(../images/btn-more-pink.png) no-repeat;  -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;}
a.btn-more-pink:hover { background-position:0 -45px;}

a.btn-more-red { width:256px; height:35px; padding:5px 0; text-align:center; font-size:18px; color:#FFF; font-family: 'db_ozone_xmedium'; display:block; background:url(../images/btn-more-red.png) no-repeat;  -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;}
a.btn-more-red:hover { background-position:0 -45px;}



/* Learning */
#learning .inner { padding:20px; background:#e10606; margin-top:-4px; -webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-bottomleft: 6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;}
#learning h3 { position:relative; z-index:999; font-size:28px; color:#dedee0; width:250px; padding-left:18px; height:37px; line-height:1.4em; background:url(../images/bar-learning.png) no-repeat; -webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;}
#learning h4 { padding:15px 0;  font-size:24px; color:#e2e3e4; border-bottom:1px solid #e8260c; cursor:pointer}
#learning h4:hover { color:#FFF}
#learning h4.active { color:#FFF}
#learning .ico { vertical-align:middle; display:inline-block; margin-right:10px;}
#learning ul.listLearning { display:none; margin-top:20px;}
#learning ul.listLearning li { padding-left:32px; margin-bottom:5px; background:url(../images/bullet-know.png) 8px 4px no-repeat;}
#learning ul.listLearning li a { font-size:14px; color:#ffff00}

#knowList  { margin-bottom:20px;}
#knowList .inner { padding:20px; background:#ffde0b; margin-top:-4px; -webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-bottomleft: 6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;}
#knowList h3 { position:relative; z-index:999; font-size:28px; color:#f3f3f8; width:250px; padding-left:18px;height:37px; line-height:1.4em; background:url(../images/bar-know.png) no-repeat; -webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;}
#knowList .listKnow li { padding-left:22px; margin-bottom:5px; background:url(../images/bullet-know.png) left center no-repeat;}
#knowList .listKnow li a { color:#bf4917}
#knowList .listKnow li a:hover { color:#e53e06}

ul.tabbox { height:36px;}
ul.tabbox li { float:left; margin-right:5px; margin-top: 1px; margin-bottom: 1px;}
ul.tabbox li a { height:36px; display:inline-block; line-height:1.4em; padding:0 28px; background:#f7064a; color:#FFF; font-family: 'db_ozone_xmedium'; font-size:25px;}
ul.tabbox li.last { margin-right:0;}
ul.tabbox li.last a { padding:0 31px;}
ul.tabbox li a.active { background:#f73a06}

.pageList { width:150px; margin:0 auto; overflow:hidden; clear:both; padding-top:20px;}
.pageList a { color:#FFF; line-height:1.9em; width:23px; height:27px; margin-right:2px; display:inline-block; background:#a4a4a4; text-align:center;}
.pageList a.active,.pageList a:hover { background:#ff9448;}

/* Footer */
#footer .wraFooter { background:url(../images/bg-footer.jpg) repeat-x; height:343px; padding:30px 0;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#footer .group-footer { width:200px; float:left;}
#footer ul.navFooter{ margin-left:30px;}
#footer ul.navFooter li { color:#FFF; 
	list-style-type: disc; margin-bottom:2px;
}
#footer .navFooter li a { color:#FFF; font-size:13px;}
#footer .navFooter li a:hover { text-decoration:underline}
#footer .wraFooter-bm { height:106px; background:url(../images/bg-footer-bm.jpg) repeat-x}
#footer .address { width:600px; float:left; color:#fcfcfc; font-size:11px; padding-top:20px;}
#footer .address .img { float:left; margin-right:15px;}
#footer .address p { margin-bottom:3px; line-height:1.35em}
#footer .address .h { color:#fdbe2c; font-size:12px; font-weight:bold; text-transform:uppercase}
#footer .address a {color:#fcfcfc;}
#footer .copyright { padding-top:40px; width:290px; float:right; text-align:center; font-size:11px; color:#fcfcfc; text-align:center;}