@charset "utf-8";
@import url(dll.css);
@import url(font.css);
@import url(main.css);
@import url(/onlinecss/onlineeditor.css);
@import url(ddsmoothmenu.css);
@import url(pop.css);
<!--prettyPhoto.css-->
div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}
div.pp_default .pp_top .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat}
div.pp_default .pp_top .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x}
div.pp_default .pp_top .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat}
div.pp_default .pp_content .ppt{color:#f8f8f8}
div.pp_default .pp_content_container .pp_left{background:url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px}
div.pp_default .pp_content_container .pp_right{background:url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px}
div.pp_default .pp_next:hover{background:url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer}
div.pp_default .pp_previous:hover{background:url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer}
div.pp_default .pp_expand{background:url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;height:28px;width:28px}
div.pp_default .pp_expand:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer}
div.pp_default .pp_contract{background:url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;height:28px;width:28px}
div.pp_default .pp_contract:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer}
div.pp_default .pp_close{background:url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer;height:30px;width:30px}
div.pp_default .pp_gallery ul li a{background:url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}
div.pp_default .pp_social{margin-top:7px}
div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{left:auto;position:static}
div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px}
div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}
div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;margin:4px 0 0;width:20px}
div.pp_default a.pp_arrow_next{background-position:-82px -3px;left:52px}
div.pp_default .pp_content_container .pp_details{margin-top:5px}
div.pp_default .pp_nav{clear:none;height:30px;position:relative;width:110px}
div.pp_default .pp_nav .currentTextHolder{color:#999;font-family:Georgia;font-size:11px;font-style:italic;left:75px;line-height:25px;margin:0;padding:0 0 0 10px;position:absolute;top:2px}
div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7}
div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0}
div.pp_default .pp_bottom .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat}
div.pp_default .pp_bottom .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x}
div.pp_default .pp_bottom .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat}
div.pp_default .pp_loaderIcon{background:url(../images/prettyPhoto/default/loader.gif) center center no-repeat}
div.light_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat}
div.light_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat}
div.light_rounded .pp_next:hover{background:url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.light_rounded .pp_previous:hover{background:url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_rounded .pp_expand{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_rounded .pp_expand:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_rounded .pp_contract{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_rounded .pp_contract:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_rounded .pp_close{background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px}
div.light_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat}
div.light_rounded .pp_arrow_next{background:url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat}
div.light_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat}
div.light_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat}
div.dark_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat}
div.dark_rounded .pp_content_container .pp_left{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y}
div.dark_rounded .pp_content_container .pp_right{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y}
div.dark_rounded .pp_next:hover{background:url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_rounded .pp_previous:hover{background:url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.dark_rounded .pp_expand{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_expand:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_close{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px}
div.dark_rounded .pp_description{color:#fff;margin-right:85px}
div.dark_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat}
div.dark_rounded .pp_arrow_next{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat}
div.dark_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat}
div.dark_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_loaderIcon{background:url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat}
div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000}
div.dark_square .pp_description{color:#fff;margin:0 85px 0 0}
div.dark_square .pp_loaderIcon{background:url(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat}
div.dark_square .pp_expand{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_square .pp_expand:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_square .pp_contract{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_square .pp_contract:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_square .pp_close{background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px}
div.dark_square .pp_nav{clear:none}
div.dark_square .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_arrow_previous{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat}
div.dark_square .pp_arrow_next{background:url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat}
div.dark_square .pp_next:hover{background:url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_square .pp_previous:hover{background:url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_square .pp_expand{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_square .pp_expand:hover{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_square .pp_contract{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_square .pp_contract:hover{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_square .pp_close{background:url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px}
div.light_square .pp_nav .pp_play{background:url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_arrow_previous{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat}
div.light_square .pp_arrow_next{background:url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat}
div.light_square .pp_next:hover{background:url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer}
div.light_square .pp_previous:hover{background:url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_top .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat}
div.facebook .pp_top .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x}
div.facebook .pp_top .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat}
div.facebook .pp_content_container .pp_left{background:url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y}
div.facebook .pp_content_container .pp_right{background:url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y}
div.facebook .pp_expand{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.facebook .pp_expand:hover{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.facebook .pp_contract{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.facebook .pp_contract:hover{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.facebook .pp_close{background:url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:22px}
div.facebook .pp_description{margin:0 37px 0 0}
div.facebook .pp_loaderIcon{background:url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat}
div.facebook .pp_arrow_previous{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default}
div.facebook .pp_arrow_next{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default}
div.facebook .pp_nav{margin-top:0}
div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px}
div.facebook .pp_nav .pp_play{background:url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_nav .pp_pause{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_next:hover{background:url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer}
div.facebook .pp_previous:hover{background:url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_bottom .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat}
div.facebook .pp_bottom .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x}
div.facebook .pp_bottom .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat}
div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
.pp_content{height:40px;min-width:40px}
* html .pp_content{width:40px}
.pp_content_container{position:relative;text-align:left;width:100%}
.pp_content_container .pp_left{padding-left:20px}
.pp_content_container .pp_right{padding-right:20px}
.pp_content_container .pp_details{float:left;margin:10px 0 2px}
.pp_description{display:none;margin:0}
.pp_social{float:left;margin:0}
.pp_social .facebook{float:left;margin-left:5px;overflow:hidden;width:55px}
.pp_social .twitter{float:left}
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
.pp_nav p{float:left;margin:2px 4px;white-space:nowrap}
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
.pp_gallery div{float:left;overflow:hidden;position:relative}
.pp_gallery ul{float:left;height:35px;margin:0 0 0 5px;padding:0;position:relative;white-space:nowrap}
.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
.pp_gallery ul a img{border:0}
.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
.pp_gallery li.default a{background:url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}
a.pp_next{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}
a.pp_previous{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}
a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
a.pp_close{display:block;line-height:22px;position:absolute;right:0;text-indent:-10000px;top:0}
.pp_loaderIcon{display:block;height:24px;left:50%;margin:-12px 0 0 -12px;position:absolute;top:50%;width:24px}
#pp_full_res{line-height:1!important}
#pp_full_res .pp_inline{text-align:left}
#pp_full_res .pp_inline p{margin:0 0 15px}
div.ppt{color:#fff;display:none;font-size:17px;margin:0 0 5px 15px;z-index:9999}
div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}
div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}
div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}
div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}
div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff}
div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px}
div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important}
div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}
div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}
div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat}
div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}
div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}
div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff}
.pp_top,.pp_bottom{height:20px;position:relative}
* html .pp_top,* html .pp_bottom{padding:0 20px}
.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_fade,.pp_gallery li.default a img{display:none}


/* = Page Text<elements.css>
-------------------------------------------------------------- */
.caption{display:none;}
.page_text {
	line-height: 1.6;
	color: #77797e;
}

	.page_text a {
		color: #74a0ca;
	}
	
	.home_latest_posts.page_text a:hover {
		font-weight: bold;
		color: #242840;
	}

	.page_text h1,
	.page_text h2,
	.page_text h3,
	.page_text h4,
	.page_text h5,
	.page_text h6 {
	/*	padding-bottom: .5em;*/
		font-family: /*'Play', sans-serif;*/microsoft yahei;
		color: #242840;
		-webkit-font-smoothing: antialiased;
	}

.footer .copyright a{
	color: #5E6984;
}
	.page_text h1 {
		font-size: 1.188em;
		font-weight:bold;
	}
	
	.page_text header h1 {
		padding: 0 0 30px 0;
	}
	
	.page_text h2 {
		font-size: 1.125em;
	}

	.page_text h3 {
		font-size: 1.063em;
	}
	
	.page_text h4 {
		font-size: 1.0em;
	}

	.page_text h5 {
		font-size: 0.938em;
	}
	.page_text h6 {
		font-size: 0.875em;
	}

	.page_text h1 strong {
		font-weight: bold;
		color: inherit;
	}
	
	.page_text li {
		padding: 0 0 5px 20px;
		font-size: 12px;
	}
	
	.page_text figure {
		font-size: 0.75em;
	}
	
	.page_text figure figcaption {
		background: #8bb1d5;
		margin: -6px 0 0 0;
		padding: 2px 0 5px 0;
		text-align: center;
		font-size: 0.91em;
		color: white;
	}
	
	.page_text figure img { 
		border-bottom: 4px solid #8bb1d5;
	}
	
	.page_text figure.float_left {
		margin: 0 40px 10px 0;
	}
	
	.page_text figure.float_right {
		margin: 0 0 10px 40px;
	}
	
	.page_text .m {
		font-size: 0.75em;
		padding-bottom: 20px;
	}
	
	.page_text .blue {
		/*font-style: italic;*/
	}
	
	.page_text .blue {
		color: #6992b9;
		font-size: 12px;
	}

	.page_text blockquote,
	.page_text cite,
	.page_text q {
		background: url(../img/cite.png) no-repeat 0 18px;
		padding: 15px 0 40px 45px;
		font-style: italic;
		font-size: 12px;
		color: #8bb1d5;
	}

	.page_text blockquote {
		padding: 15px 0 20px 45px;
	}
	
	.page_text blockquote p {
		font-size: 12px;
	}
	
	.page_text blockquote p.author {
		float: right;
		margin: -10px 0 15px 0;
		font-weight: bold;
		font-style: italic;
		color: #77797e;
	}
	

	.page_text cite {
		display: block;
		width: 400px;
	}
	
	.page_text q {
		width: 400px;
	}




.title {
	background: url(../img/hr.png) repeat-x 0 bottom;
}

	.title h1 { padding-bottom: 12px; }



/*
article.page_text {
color: #77797e;
	 }
*/
	header.page_text a {
		font-style: italic;
		text-decoration: underline;
	}



/* = Lists
----------------- */

ul.plus li {
	background: url(../img/li_plus.png) no-repeat 0 4px;
}

ul.minus li {
	background: url(../img/li_minus.png) no-repeat 0 7px;
}

ul.dot li {
	background: url(../img/li_dot.png) no-repeat 0 6px;
}

ul.tick li {
	background: url(../img/li_tick.png) no-repeat 0 4px;
	padding-left: 24px;
}

ul.cross li {
	background: url(../img/li_cross.png) no-repeat 0 3px;
}



/* = Accordion
----------------- */

.accordion {
	position: relative;
	height: 1%;
	margin: 0 0 10px 0;
}

.accordion:after {
	clear: both;
	display: block;
	content: ''; }

	.accordion p.title {
		border: 1px solid #d3d3d3;
		padding: 8px 0;
		font-style: normal;
		font-weight: bold;
		text-decoration: none;
		cursor: pointer;
		color: #242840;
	}
	
	.accordion p.title:hover {
		text-decoration: underline;
	}
	
		.accordion .title .icon {
			background: url(../img/toggle.png) no-repeat 0 -50px;
			padding: 2px 12px 0 0;
			margin: 0 10px 0 10px;
		}
	
		.accordion .title .text {
			border-left: 1px solid #d3d3d3;
			padding: 10px 0 10px 15px;
		}
		
		.accordion .content {
			display: none;
			padding: 5px 0 0 50px;
		}

	.accordion p.title.active .icon {
		background: url(../img/toggle.png) no-repeat 0 8px;
	}


.toggle_plus{ background-position: 0 -52px; width: 14px; height: 14px; } 




/* = About
----------------- */

article.about {
	background: url(../img/hr.png) repeat-x 0 bottom;
	float: left;
	width: 100%;
	margin: 0 0 40px 0;
	padding: 0 0 30px 0;
}

	article.about h2 {
		margin: 0 0 20px 0;
		font-size: 19px;
	}

	article.about .column {
		width: 480px;
	}
	
		

	article.about .gallery {
		float: right; 
	}

	article.about .gallery img:first-child {
			margin-right: 20px;
	}

	.about_summary {
		float: left;
		width: 100%;
		margin: 0 0 100px 0;
	}

	.about_summary .experience,
	.about_summary .reviews { margin-top: -7px; }

	.about_summary h1 { font-weight: bold; }

	.about_summary .reviews .photo {
		float: left;
		background: url(../img/arrow-cloud-blue.png) no-repeat 0 bottom;
		width: 88px; height: 92px;
	}
	
		.about_summary .reviews figcaption {
			background: none;
			margin: 0;
			padding: 0;
			text-align: left;
			font-weight: bold;
			font-size: 12px;
			color: #77797e;
		}
	
		.about_summary .reviews .photo img {
			float: left;
			position: relative; z-index: 5;
			border: 4px solid #8fb5d9;
			margin: 0 0 15px 0;
		}
		
		.about_summary .reviews .photo a {
			font-weight: bold;
		}

		.about_summary .reviews .photo a:hover {
			text-decoration: underline;
		}
	
		.about_summary .reviews article {
			float: right;
			width: 190px;
			margin: -4px 0 0 0;
		}

		.tabs {
			float: left;
			background: white;
			padding: 4px;
		}
		
			.tabs article {
				display: none;
				background: #ededed;
				padding: 15px;
			}
		
			.tabs nav {
				font-size: 1.33em;
			}
			
				.tabs nav li {
					float: left;
					border-right: 1px solid #ededed;
					border-top: 1px solid #ededed;
					padding: 6px 20px;
					font-size: 16px;
					cursor: pointer;
					color: #989898;
				}
				
				.tabs nav li:first-child {
					border-left: 1px solid #ededed;
				}
				
				.tabs nav li:hover {
					color: inherit;
				}

				.tabs nav li.current {
					background: #ededed;
					border-top: 1px solid #8eb4d8;
					text-shadow: 0 1px 0 #f1f1f1;
					text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
					color: #2c2c2c;
				}


/* = Blog
----------------- */

.blog {
	float: left;
	width: 700px;overflow:hidden;
	padding-bottom: 40px;
}

	.blog .post {
		float: left;width: 700px;
		background: url(http://www.mofine.cn/upload/cases/jx687/hr.png) repeat-x 0 bottom;
		margin: 0 0 40px 0;
		padding: 0 0 10px 0;
	}
	
	.blog .post .description {
		width: 460px;
	}

		.blog .column {
			margin: 0;
		}

		.blog .column_25 img,
		.blog .header img {
			border-bottom: 4px solid #8eb5db;
		}
		
		.blog .column_25 img{
			height: 254px;
    		width: 215px;
		}
		
		.blog .post .column_25 .comments {
			margin: 5px 0 0 0;
		}
	
		.blog .post p.date {
			padding-bottom: 6px;
		}

		.blog .post h2 {
			padding: 0 0 25px 0;
			font-family: 'Arial', sans-serif;
			font-size: 1.188em; 
			color: #2c2c2c; 
			width: 400px;
			overflow:hidden;
			}
			
			.blog .post h2 a{
			padding: 0 0 25px 0;
			font-family: 'Arial', sans-serif;
			font-size: 1.188em; 
			color: #2c2c2c; 
			width: 117px;
			overflow:hidden;
			 text-overflow: ellipsis;
    		white-space: nowrap;
			}

		.blog .post .more a {
			text-decoration: none;
			font-style: normal;
		}

		.blog .post .more a:hover {
			text-decoration: underline;
		}

		.icon {
			background: url(../img/icons.png) no-repeat;
			padding: 0 0 0 20px; }
			
		.icon.comments {
			background-position: 2px -55px;
		} 
		
		.icon.date {
			background-position: 2px -115px;
		}
		
		.icon.user {
			background-position: 2px 4px;
		} 


/* = Blog Full
----------------- */

.blog.full header {
	margin-bottom: 35px;
}

.blog.full .article {
	width: 480px;
}

	.blog.full .article h1 {
		margin-top: -6px;
		font-family: 'Arial', sans-serif;
	}


.blog.full .date, .blog.full .user {
	color: #77797e;
}

.blog.full .column_25 p {
	padding-bottom: 2px;
}




/* = Comments
----------------- */

#comments {
	float: left;
	background: url(../img/hr.png) repeat-x 0 0;
	width: 100%;
	margin: 16px 0 0 0;
	padding: 30px 0 0 0;
}

	#comments li {
		float: left;
		width: 100%;
		padding: 0;
	}

	#comments p {
		padding: 0;
		font-size: 12px;
	}

		#comments article {
			float: right;
			width: 620px;
		}

		#comments .post {
			width: 100%;
			padding: 0 0 16px 0;
			margin: 0 0 18px 0;
		}

		#comments .post ul {
			float: right;
			width: 620px;
			padding: 0 0 0 0;
		}
		
		#comments li li .post { 
			width: 620px;
			padding-left: 80px;
		}
		
		#comments li li .post article {
			width: 540px;
		}

			#comments .photo {
				float: left;
			}

			#comments p.meta {
				margin: -3px 0 0 0;
				padding: 0 0 8px 0;
			}
		
				#comments .meta a {
					color: #77797e;
				}
				
				#comments .date {
					background-position: 0 -115px;
					padding: 0 0 0 18px;
				}
				
				#comments .date:after {
					content: " // ";
					color: #8eb4d8;
				}
		
				#comments .user:after {
					content: " //";
					color: #8eb4d8;
				}
				
				#comments a.reply {
					margin: 0 0 0 5px;
					font-weight: bold;
					font-style: normal;
					color: #8eb4d8 !important;
				}
				
				#comments a.reply:hover {
					color: #242840 !important;
				}
		

/* = Respond
----------------- */

#respond { }

	#respond h1 {
		padding: 0 0 20px 0;
	}

	#respond form p {
		float: left;
		width: 100%;
		padding: 0 0 5px 0;
	}

	#respond form label, #respond form input[type='text'], #respond form textarea {
		float: left;
	}

	#respond form label {
		width: 80px;
		padding: 7px 0 0 0;
	}

	#respond form textarea {
		width: 603px; height: 146px;
		margin: 5px 0 0 0;
	}
	
	#respond .button {
		float: right;
		margin: 15px 3px;
	}



/* = Portfolio
----------------- */

.portfolio .title {
	margin: 0 0 30px 0;
}

.portfolio .post {
	float: left;
	background: url(http://www.mofine.cn/upload/cases/jx687/hr.png) repeat-x 0 bottom;
	padding: 0 0 40px 0;
	margin: 0 0 40px 0;
}

	.portfolio .post .column {
		margin: 0;
	}
	
	.portfolio .photo {
		width: 580px;
	}
	
	.portfolio .description {
		width: 400px;
	}

	.portfolio .photo a {
		float: left;
		width: 542px;
		position: relative;
		border-bottom: 1px solid #ededed;
		border-top: 1px solid #ededed;
		box-shadow: 0 0 0 transparent inset;
	}

		.portfolio .photo img {
			float: left;
			position: relative; z-index: 5;
			opacity: 0.6;
			width:542px;
			height:211px;
		}

		.portfolio .photo span {
			opacity: 0;
			position: absolute; left: 50%; top: 50%; z-index: 10;
			width: 91px; height: 91px;
			background: url(../img/lens.png);
			margin-left: -45px;
			margin-top: -45px;
		}
		
		.portfolio .photo:hover a  {
			box-shadow: 0 4px 0 #8fb5d9, 0 -4px 0 #8fb5d9;
		}

		.portfolio .photo:hover img {
			opacity: 1;
			-webkit-transition: opacity .25s ease-in-out;
			-moz-transition: opacity .25s ease-in-out;
			-o-transition: opacity .25s ease-in-out;
			transition: opacity .25s ease-in-out;
		}

		.portfolio .photo:hover span {
			opacity: 1;
			-webkit-transition: opacity .25s ease-in-out;
			-moz-transition: opacity .25s ease-in-out;
			-o-transition: opacity .25s ease-in-out;
			transition: opacity .25s ease-in-out;
		}
		
		.portfolio h2 {
			padding: 0;
			margin: -3px 0 20px 0;
			font-family: 'Arial', sans-serif;
			font-size: 1.188em;
			color: #2c2c2c;
			text-overflow: ellipsis;
			white-space: nowrap;
			width: 400px;
			overflow:hidden;
		}
		
		.portfolio .more a {
			text-decoration: none;
			font-style: normal;
		}
		
		.portfolio .more a:hover {
			text-decoration: underline;
		}


/* = Portfolio Project
-------------------------- */

.portfolio.project { margin: 0 0 40px 0; float: left; }

	.portfolio.project .title {
		background: none;
	}
	
		.portfolio.project .description {
			width: 240px;
		}
	
			.portfolio.project details { 
				background: url(http://www.mofine.cn/upload/cases/jx687/hr.png) repeat-x 0 0;
				margin: 15px 0 0 0;
				padding: 40px 0 0 0;
			}
			
			.portfolio.project details strong, .portfolio.project details span, .portfolio.project details a {
				display: block;
			}
			
			.portfolio.project details p {
				padding: 0 0 20px 0;
			}
			
	.portfolio .photo-big {
		width: 700px;
	}


/* = Simple Article
-------------------------- */

.typography .title {
	float: left;
	width: 100%;
	background: none;
	padding: 0;
	margin: 0 0 10px 0;
}


/* = Contact
----------------- */

.contact {
	padding: 0 0 40px 0;
}

.contact .title {
	float: left;
	width: 100%;
	background: none;
	padding: 0;
	margin: 0 0 10px 0;
}

	.contact label {
		display: block;
		padding: 0 0 5px 0;
	}

	.contact h3 {
		padding: 0 0 30px 0;
	}
	
	.contact .contact-data {
		float: left;
		width: 100%;
		padding: 0 0 20px 0;
	}

		.contact .contact-data p {
			padding: 0;
		}
		
		.contact .contact-data dl {
			float: left;
			width: 100%;
		}
	
		.contact .contact-data dt,
		.contact .contact-data dd {
			float: left;
			font-size: 12px;
		}
		
		.contact .contact-data dt {
			width: 45px;
		}
		
		.contact textarea {
			width: 711px;
			height: 150px;
		}

.google-map {
	float: left;
	width: 101%;
	height: 360px;
	margin: 0 -5px 60px -5px;
	box-shadow: inset -0 0 5px rgba(0, 0, 0, 0.5);
	padding: 3px 0 0 0;
}

	.google-map #maps {
		height: 357px;
	}



/* = Contact Form
----------------- */

#contact ul {
	float: left;
	width: 100%;
	list-style: none;
	margin: 0 0 15px 0;
}

	#contact li {
		float: left;
		padding: 0 20px 0 0;
	}

	#contact .button {
		float: right;
	}
	
	#contact .error {
		border: 1px solid #c43737;
	}

	#contact fieldset.thanks {
		display: none;
	}



/* = Pagination
-------------------------------------------------------------- */

.navPage {
	float: left;
	width: 100%;
	
	text-align: center; }
.navPage ul{
	padding: 0 0 60px 221px;
}
.navPage .pagebarCurrent{
	background-color: #242840;
	font-weight: bold;	
}
	.navPage a {
		padding: 5px 8px;
		background: #8fb5d9;
		text-decoration: none !important;
		font-style: normal !important;
		font-size: 0.688em;
		color: white;
	}
	
	.navPage a:hover {
		background: #242840;
	}
	
	.navPage a.current {
		font-weight: bold;
	}
	
	.navPage a.prev {
		background: #8fb5d9 url(../img/arrow-nav.png) no-repeat 8px -49px;
		padding: 5px 9px;
	}
	
	.navPage li {
		padding: 0 0 5px 6px;
		font-size: 16px;
		float:left;
	}
	
	.navPage a.next {
		background: #8fb5d9 url(../img/arrow-nav.png) no-repeat 8px -163px;
		padding: 5px 9px;
	}
	
	.navPage a.current {
		background-color: #242840;
	}

	.navPage span {
		font-size: 0.688em;
	}
	
	.navPage a.prev:hover {
		background-color: #242840;
		background-position: 8px 8px;
	}
	
	.navPage a.next:hover {
		background-color: #242840;
		background-position: 8px -106px;
	}





/* = Clouds
-------------------------------------------------------------- */

.cloud {
	/*position: relative;
	display: block;*/
	width: 23px;
	height: 28px;
}

	.cloud .arrow {
		position: absolute; bottom: -5px; z-index: 5;
		background: url(../img/arrow-cloud-blue.png) no-repeat;
		width: 5px;
		height: 5px;
	}
	
	.cloud.facebook	{ background: #8fb5d9 url(../img/icons.png) no-repeat 7px -170px; }
	.cloud.rss		{ background: #8fb5d9 url(../img/icons.png) no-repeat 7px -469px; }
	.cloud.text{ }
	.cloud.video	{ background: #8fb5d9 url(../img/icons.png) no-repeat 7px -706px; }
	
	
	a.cloud:hover { background-color: #242840; }
	a.cloud:hover .arrow { background: url(../img/arrow-cloud-dark.png); }
	
	/*
	.icon-windows{ background-position: 0 -883px; width: 11px; height: 12px; } 
	*/



/* = Navigation arrows
-------------------------------------------------------------- */

.arrows { }

	.arrows a {
		float: right;
		width: 23px;
		height: 23px;
		margin: 0 0 0 5px; }
		
	.arrows a.prev {
		background: #8fb5d9 url(../img/arrow-nav.png) no-repeat 8px -49px;
	}
	
	.arrows a.next {
		background: #8fb5d9 url(../img/arrow-nav.png) no-repeat 8px -163px;
	}
	
	 .arrows a:hover {
		background-color: #242840;
	}
	
	.arrows a.prev:hover {
		background-position: 8px 8px;
	}
	
	.arrows a.next:hover {
		background-position: 8px -106px;
	}



/* = Cite box
-------------------------------------------------------------- */

.cite_box {
	background: url(../img/hr.png) repeat-x 0 bottom;
	padding: 30px 0 40px 0;
	margin: 0 0 34px 0;
	text-align: center;
	font-family: 'Play', sans-serif;
	color: #2c2c2c;
	-webkit-font-smoothing: antialiased; }
	
	.cite_box p { padding: 0; font-size: 19px; }

	.home .cite_box strong { font-size: 22px; }



/* = Columns
-------------------------------------------------------------- */

.columns2 {
	float: left;
	width: 50%; 
	height: 377px;
	}
.columns {
	float: left;
	width: 100%; }
	.column {
		float: left;
		margin-right: 26px; }
	.column1 {
		float: left;
		margin-left: 9px; }

	.columns2 > .column:last-child {
		margin-right: 0;
	}

	.column_16 {
		width: 164px;
	}

	.column_25b {
		width: 460px;
	}
#com_singles_about img {
    width: 201px;
}
	.column_25b span{
		font-size:13px;
	}
	.column_25 {
		padding-right: 20px;
    	width: 215px;
	}
	.column_25c {
    width: 215px;font-size:12px;
}
.columnc {
    float: left;
    margin-right: 139px;
}
	.column_25a {
		width: 230px;
	}
	.column_33 {
		width: 300px;
	}

	.column_50 {
		width: 470px;
	}

	.column_66 {
		width: 600px;
	}

	.column_75 {
		width:600px;overflow:hidden;font-size:12px;
	}
	

.padding_bottom_30 {
	padding-bottom: 30px !important;
}

.padding_bottom_60 {
	padding-bottom: 60px;
}



/* = Buttons
-------------------------------------------------------------- */

.button {
	position: relative;
	padding: 7px 25px;
	font-family: 'Arial', sans-serif;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
}

.button.big {
	padding: 12px 35px;
}

.button span {
	position: absolute; left: 0; bottom: -5px; z-index: 5;
	display: block;
	width: 5px; height: 5px
}


/* = Blue with arrow
------------------------ */

.button.blue {
	background: #8fb5d9;
	color: white;
}

.button.blue.arrow span {
	background: url(../img/arrow-cloud-blue.png);
}

.button.blue:hover {
	background-color: #242840;
}

.button.blue:hover span {
	background: url(../img/arrow-cloud-dark.png);
}


/* = Black with arrow
------------------------ */

.button.black {
	background: #242840;
	color: #8fb5d9;
}

.button.black.arrow span {
	background: url(../img/arrow-cloud-dark.png);
}


/* = Gray with arrow
------------------------ */

.button.gray {
	background: #f0f0f0;
	border: 1px solid #d3d3d3;
	color: #242840;
}

.button.gray.arrow span {
	left: -1px;
	bottom: -6px;
	height: 6px;
	background: url(../img/arrow-cloud-gray.png);
}


/* = Green with arrow
------------------------ */

.button.green {
	background: #66e98e;
	color: white;
}

.button.green.arrow span {
	background: url(../img/arrow-cloud-green.png);
}

/* = Magenta with arrow
------------------------ */

.button.magenta {
	background: #e96698;
	color: white;
}

.button.magenta.arrow span {
	background: url(../img/arrow-cloud-magenta.png);
}





/* = Titlebar<static.css>
-------------------------------------------------------------- */

.titlebar {
	/*position: relative;*/ z-index: 10;
	height: 136px;
	margin: 0 0 40px 0;
	border-bottom: 1px solid #d3d3d3;
}

	.titlebar .logo {
		/*position: absolute; top: 64px; */z-index: 5;
		display: block;
		width: 424px;padding-top: 61px;float:left;
		height: 60px;
	}

	.titlebar .top {
		/*position: absolute; right: 0; top: 30px; z-index: 5;*/float:right;padding-top:30px; width: 299px;margin-right: -125px;
	}
	
.top a img{
    float: left;
}

	.titlebar .top li {
		float: left;
		margin: 0 0 0 5px; 
		font-size: 12px;
        line-height: 28px;
		}
	
	.titlebar .top li:first-child {
		font-size: 0.75em;
		line-height: 28px;
		padding-right: 10px;
		padding-top: 8px;
	}



	/* = Menu
	-------------------------------------------------------------- */
	
	.titlebar .top_menu {
		/*position: absolute; right: 0; top: 94px; z-index: 5;*/ float:right; margin-top:-30px; width: 556px;
	}
	
		.titlebar .top_menu ul li {
			float: left;
			position: relative;
			padding: 0 20px 0 20px;
		}
		
		.titlebar .top_menu ul li  a {
			display:inline-block;
			/*position: relative;
			padding: 0 20px 22px 20px;*/
			font-family: 'Play', sans-serif;	
			font-size: 13px;
			color: #5a5a5a;
			-webkit-font-smoothing: antialiased;
		}
		.titlebar .top_menu ul li  a:hover {
			color: #1a2048;
		}
		
		.titlebar .top_menu  ul li .current-menu-item {
			border-bottom: 4px solid #DE2121;
			padding-bottom: 21px;
			font-weight: bold;
			color: #1a2048;/*
			background: url("../img/arrow-cloud-blue.png") no-repeat 

left 20px;
			background-size:5px;
			position: relative;
			display: block;*/
		}

		.titlebar .top_menu ul li .arrow {
			/*display: block;
			position: absolute; bottom: -3px;*/
			width: 5px; height: 5px;
			background: url(../img/arrow-cloud-blue.png) no-repeat 0 

0;
		}
		
	.titlebar .top_menu ul li .current-menu-item a:hover {
			text-decoration: none;
			color: #1a2048;
		}

		
/* Submenu */

	.titlebar .top_menu ul li ul {
		position: absolute; top: 42px; z-index: 5;
		background: #24273b;
		width: 165px;left: 0;
	}

	.titlebar .top_menu ul li ul.on {
		display: block;
	}

		.titlebar .top_menu ul li ul li {
			border-bottom: 1px solid #3f4259;
			float: none;
			padding: 0;
			position: relative;
		}
		
		.titlebar .top_menu ul li ul li:last-child {
			border: none;
		}
	
		.titlebar .top_menu ul li ul li a {
			display: block;
			padding: 10px 20px 10px 23px;
			margin: 0 -3px 0 -3px;
			font-family: 'Arial', sans-serif;
			font-size: 0.75em;
			color: white;
		}

		.titlebar .top_menu li span.arrow-menu {
			display: block;
			position: absolute; bottom: 0;
			width: 4px; height: 4px;
			background: url(../img/arrow-cloud-dark-top.png) no-

repeat;
		}

		.titlebar .top_menu li span.arrow-menu.blue {
			background: url(../img/arrow-cloud-blue-top.png);
		}
		
		.titlebar .top_menu li li.current-menu-item a {
			font-weight: bold;
			color: #8bb1d5;
		}
		
		.titlebar .top_menu ul li ul li a:hover,
		.titlebar .top_menu ul li li.current-menu-item a:hover {
			background: #8bb1d5;
			text-decoration: none;
			color: white;
		}
				
	


/* = Sidebar
-------------------------------------------------------------- */

.sidebar {
	float: right;
	width: 235px;
}

	.sidebar h3 {
		padding: 0 0 30px 0;
		color: #2c2c2c;
	}

	.sidebar .text_widget {
		padding: 0 0 15px 0;
	}


	/* = Categories
	----------------- */

	.sidebar .categories {
		margin: 0 0 40px 0;
	}
	
	.sidebar .categories li {
		padding:1px;
	}

	.sidebar .categories h3 {
		padding: 0 0 22px 0;
	}

	.sidebar .categories li a {
		display:block;
		background: url(http://www.mofine.cn/upload/cases/jx687/arrow-nav-gray-right.gif) no-repeat 6px 11px;
		border-bottom: 1px solid #d3d3d3;
		border-top: 1px solid #f6f6f6;
		padding: 8px 0 6px 30px;
		color: #77797e;
	}

.sidebar .categories li:first-child a {
		border-top: none;
	}
	
	.sidebar .categories li a:hover {
		color: #8eb4d8;
	}

	.sidebar .categories li dl a {
		background: url(http://www.mofine.cn/upload/cases/jx687/arrow-nav-gray-right.gif) no-repeat 30px 11px;
		padding-left: 55px;
	}
	
	
	/* = Popular
	----------------- */
	
	.sidebar .popular dl {
		float: left;
		width: 100%;
		background: url(../img/hr.png) repeat-x 0 bottom;
		margin: 0 0 12px 0;
		padding: 0 0 14px 0;
	}
	

	.sidebar .popular dl:last-child {
		background: none;
	}

	.sidebar .popular dt {
		float: left;
		width: 70px;
	}
	
	.sidebar .popular dt img {
		float: left;
	}
	
	.sidebar .popular dd {
		float: right;
		width: 160px;
	}
	
	.sidebar .popular dd p {
		padding-bottom: 0;
	}
	
	.sidebar .popular dd p.title {
		margin: -3px 0 0 0;
		padding: 0 0 2px 0;
	}
	
	.sidebar .popular dd p.title a {
		font-weight: bold;
		color: #77797e;
	}
	
	.sidebar .popular dd p.title a:hover {
		text-decoration: underline;
	}
	
	.sidebar .popular dd p.icon {
		color: #8eb4d8;
	}
	




/* = Footer
-------------------------------------------------------------- */

.footer {
	clear: both;
	/*position: relative;*/
	background: #24273b;
	/*height: 120px;*/
	margin: 20px 0 0 0;
	padding: 0 0 60px 0;
}


	.footer .contact {
		/*position: absolute; left: 50%; top: 3px; z-index: 5;*/
		width: 980px;
		margin-left: 180px;
		margin-top: -5px;
		padding: 20px 0 51px 0;
		border-top: 5px solid #8fb5d9;
		border-bottom: 1px solid #3f4259;
	}

	.footer .contact span {
		float: left;
		/*background: url(http://www.mofine.cn/upload/cases/jx687/icons.png) no-repeat;*/
		padding: 0 25px 0 0;
		margin: 0 25px 0 0;
		font-size: 0.75em;
	}
	
	.footer .contact span strong {
		color: #8fb5d9;
	}
	
	.footer .contact span.mobile {
		background-position: right -303px;
	}
	
	.footer .contact span.mail {
		background-position: right -239px;
	}
	
	.footer span,
	.footer a,
	.footer p {
		color: #5e6984;
	}
	.contact .mail2 .top a{
		color:#ffffff;
	}
	.footer .contact a:hover {
		text-decoration: underline;
	}

	.footer .top {
		display: block;
		position: absolute; right: 190px; z-index: 5; margin-top: -38px;
		background: #8fb5d9 url(http://www.mofine.cn/upload/cases/jx687/arrow-white-top.png) no-repeat right 11px;
		padding: 7px 50px 7px 25px;
		font-family: 'Play', sans-serif;
		font-size:14px;
		font-weight: bold;
		color: white;cursor: pointer;
		-webkit-font-smoothing: antialiased;
	}
.contact .mail a,.contact .mail2 a{
	color: #5E6984;
}
.footer .contact span.mail2 {
    background: none;
}
#com_copyright font {
	color: #5E6984;
}
	.footer .nav {
		/*position: absolute; left: 50%; top: 105px; */z-index: 5;
		width: 674px;
		margin-left: 177px;margin-top:29px;font-size: 0.75em;
	}

	.footer .nav a {
		padding-left: 8px;
    	padding-right: 8px;
		color: #5e6984;
	}
	.footer .nav a:hover{
		color:#74a0ca;
	}
	.footer .nav li {
		float: left;
		padding: 0 10px;
		border-right: 1px solid #5e6984;
		line-height: 10px;
	}
	
	.footer .nav li:last-child {
		border: none;
	}
	
	.footer .nav li:first-child { padding-left: 0; }

	.footer .nav li.current-menu-item a {
		text-decoration: underline;
		color: #8fb5d9;
	}

	.footer .nav li a:hover {
		text-decoration: underline;
	}
	
	.footer .copyright {
		/*position: absolute; left: 50%; top: 105px; z-index: 1;*/
		width: 410px;
		margin-left: 178px;  margin-top: -20px;
		font-size: 0.75em;
		float: right;
	}

	.footer .copyright span { color: #8fb5d9; }



hr {
	border: none;
	background: url(http://www.mofine.cn/upload/cases/jx687/hr.png) repeat-x 0 bottom;
	padding: 0 0 15px 0;
	margin: 0 0 40px 0;
}


/* = General<style.css>
-------------------------------------------------------------- */

.float_left {
	float: left;
}

.float_right {
	float: right;
}

.clear {
	clear: both;
	display: block;
}

.hide_text {
	font-size: 0;
	line-height: 0;
	text-indent: -2000px;
}

a {
	cursor: pointer;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

form input[type='text'] {
	width: 173px;
}

form input[type='text'],
form textarea {
	background: white;
	border: 1px solid #d3d3d3;
	box-shadow: inset 0 0 2px #ccc;margin-bottom: 6px;
	color: #77797e;
}

label,
input[type="submit"]
{
	cursor: pointer;
}

.more { 
	clear: both;
	font-size: 0.75em;
    padding-bottom: 20px;
	 padding-top: 20px;
}

	.more a {
		float: left;
		background: url(http://www.mofine.cn/upload/cases/jx687/hr.png) repeat-x 0 0;
		padding: 16px 0;
		-webkit-font-smoothing: antialiased;
		
	}

html {
	overflow-x: hidden;
}


/* = Structure
-------------------------------------------------------------- */

html {
	background: url(../img/bg.png);
}

body {
	background: url(http://www.mofine.cn/upload/cases/jx687/bg-top.jpg) no-repeat 50% 0;
	border-top: 4px solid #242840;
	/*min-height: 920px;*/
	line-height: 1.43;
	font-family: 'Arial', 'Helvetica', sans-serif;
	color: #77797f;
}

.page {
	/*position: relative;*/
	width: 980px;
	margin: 0 auto;
}





/* = Home latest posts
-------------------------------------------------------------- */

.home_latest_posts {
	float: left;
	background: url(http://www.mofine.cn/upload/cases/jx687/hr.png) repeat-x 0 bottom;
	padding: 10px 0 15px 0;
}

	.home_latest_posts .date {
		padding: 0 0 15px 0;
		font-size: 0.688em; }
	
	.home_latest_posts .column1 .cloud {
		float: left;
		height: 23px;background:url(http://www.mofine.cn/upload/cases/jx687/1.jpg) no-repeat;
	}

	.home_latest_posts .column1 strong {
		float: right;
		width: 195px;
		font-size: 0.750em;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	
	.home_latest_posts .column1 header {
		float: left;
		width: 100%;
		margin: 0 0 15px 0;
	}

	.home_latest_posts .column1 .photo,
	.home_latest_posts .column1 a.video {
	/*	position: relative;*/
		float: left;
		width: 100%;
		height: 90px;
		margin: 0 0 15px 0;
	}
	.home_latest_posts .column1 .photo{
		margin:10px 0 0 0;
	}
	
	.info {
		height: 135px;
		overflow: hidden;
		width: 230px;
		font-size: 12px;text-indent: 18px;
	}
		.home_latest_posts .column1 a.photo img {
			/*position: relative; z-index: 5;*/float:left;width:215px;
		}

		.home_latest_posts .column1 a.photo span {
			position: absolute; z-index: 10;
			width: 100%;
			height: 55px;
			padding: 35px 0 0 0;
		}

		.home_latest_posts .column1 a.photo span {
			opacity: 0;
			-webkit-transition: opacity .25s ease-in;
			-moz-transition: opacity .25s ease-in;
			-o-transition: opacity .25s ease-in;
			transition: opacity .25s ease-in;
			background: url(../img/bg_dark_80.png);
			text-align: center;
			text-transform: uppercase;
			font-size: 0.875em;
			font-family: 'Play', sans-serif;
			font-weight: bold;
			color: white;
		}
		
		.home_latest_posts .column1 a.video span {
			position: absolute; z-index: 10; left: 50%; top: 25px;
			width: 36px;
			height: 36px;
			background: url(../img/play_small.png);
			margin-left: -18px;
		}

		.home_latest_posts .column1 a.photo:hover span {
			opacity: 1;
			-webkit-transition:opacity .25s ease-in;
			-moz-transition:opacity .25s ease-in;
			-o-transition:opacity .25s ease-in;
			transition:opacity .25s ease-in;
		}



.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}

/* = Home Informations
-------------------------------------------------------------- */

.home_info {
	float: left;
	background: url(http://www.mofine.cn/upload/cases/jx687/hr.png) repeat-x 0 bottom;
	margin: -4px 0 30px 0;
}
	
	.home_info .column {
		/*position: relative;*/
		padding: 40px 20px;
		width: 260px !important;
		height: 220px;
		margin-bottom: 2px;
		border-top: 4px solid #8bb1d5;
		color: #77797e;
	}
	
	.home_info .column:hover {
		background: white url(http://www.mofine.cn/upload/cases/jx687/hr-hover.png) repeat-x 0 bottom;
		padding-bottom: 43px;
		margin-bottom: -3px;
		-webkit-transition:background .25s ease-in;
		-moz-transition:background .25s ease-in;
		-o-transition:background .25s ease-in;
		transition:background .25s ease-in;
	}
	
	.home_info .column:hover .arrow {
		display: block;
	}
	
	.home_info .column .arrow {
		display: none;
		position: absolute; left: 0; top: 0; z-index: 5;
		background: url(../img/arrow-blue-down.png) no-repeat 50% 0;
		height: 4px; width: 100%;
	}

	.home_info .header {
		
		height: 60px;
		margin: 20px 0 46px 0;
	}
	
	.home_info p {
		text-align: center;
		font-size: 0.75em;
	}

	.home_info .column:nth-child(1) .header {
		/*background-position: 50% -773px;*/
	} 
	
	.home_info .column:nth-child(2) .header {
		background-position: 50% -539px;
	}
	
	.home_info .column:nth-child(3) .header {
		background-position: 50% -367px;
	}




/* = Home Portfolio Slider
-------------------------------------------------------------- */

.home_portfolio {
	float: left;
	width: 100%;
	margin: 0 0 60px 0; }
	
	.home_portfolio .slider_portfolio {
		position: relative;
		width: 980px;
		height: 264px;
		overflow: hidden;
		padding: 4px 0 0 0;
	}

	.home_portfolio .arrows {
		display: none;
		right: 0; top: 38px;
	}
	
	.home_portfolio ul {
		position: absolute;
		width: 10000px;
		height: 254px;
	}

	.home_portfolio li.column {
		/*position: relative;*/
		border-bottom: 1px solid #ededed;
		border-top: 1px solid #ededed;
		box-shadow: 0 0 0 transparent inset;
		padding: 0;
	}

		.home_portfolio .column img {
			float: left;
			/*position: relative;*/ z-index: 5;
			opacity: 0.6;
			width:215px;height:254px;
		}

		.home_portfolio .column span {
			opacity: 0;
			position: absolute; left: 50%; top: 50%; z-index: 10;
			width: 91px; height: 91px;
			background: url(../img/lens.png);
			margin-left: -45px;
			margin-top: -45px;
		}
		
		.home_portfolio .column:hover {
			box-shadow: 0 4px 0 #8fb5d9, 0 -4px 0 #8fb5d9;
		}
		
		.home_portfolio .column:hover img {
			opacity: 1;
			-webkit-transition: opacity .25s ease-in-out;
			-moz-transition: opacity .25s ease-in-out;
			-o-transition: opacity .25s ease-in-out;
			transition: opacity .25s ease-in-out;
		}
		
		.home_portfolio .column:hover span {
			opacity: 1;
			-webkit-transition: opacity .25s ease-in-out;
			-moz-transition: opacity .25s ease-in-out;
			-o-transition: opacity .25s ease-in-out;
			transition: opacity .25s ease-in-out;
		}



/* = Home Top Slider
-------------------------------------------------------------- */

.slider {
	/*position: relative; z-index: 5;*/  float: left;
	background: url(http://www.mofine.cn/upload/cases/jx687/hr.png) repeat-x 0 bottom;
	height: 360px;
}

	.slider .slider_photos {
		position: absolute;
		filter:inherit;
	}
	
	.slider .slider_photos li {
		position: absolute; z-index: 5;
		width: 100%; height: 326px;
		filter: inherit;
	}

	.slider .slider_photos li div.inside /* ie bug */ {
		position: relative;
	}

	.slider .slider_photos li img {
		position: relative;
		filter:inherit;
		z-index: 5;
	}
	
	.slider .slider_photos li .description {
		position: absolute; left: 20px; bottom: 53px; z-index: 10;
		background: url(../img/arrow-cloud-dark-big.png) no-repeat 0 bottom;
		padding-bottom: 9px;
		color: #5e6984;
	}
	
		.slider .slider_photos li .description p {
			background: #24273b;
			width: 260px;
			padding: 16px 20px;
		}
	
		.slider .slider_photos li .description p a {
			text-decoration: underline;
			font-style: italic;
		}

	.slider .arrows {
		display: none;
		position: absolute; right: 0; bottom: 7px; z-index: 15;
	}
	
	.slider .progressbar {
		display: none;
		position: absolute; bottom: 16px;
		width: 160px; height: 4px;
		background: #cdcdcd;
	}
	
		.slider .progressbar .bar {
			width: 0; height: 4px;
			background: #8ab0d4;
		}