@charset "UTF-8";
/* CSS Document */

@charset "UTF-8";
/* CSS Document */

* {list-style: none outside none;  margin: 0; outline: 0 auto; padding: 0;}
body { background-color: #ffffff; border: 0 none; color: #000000; font: 12px/16px Arial,Helvetica,sans-serif;}
img {vertical-align: middle; border:0 none;}
input, select {font-family: Arial,Helvetica,sans-serif;}
a {color: #000000; text-decoration:none;}
a:hover {color:#1039b4 !important;}

.imageLeft {float:left; margin-right:15px;}
.imageRight {float:right; margin-left:15px;}
.imageBox {text-align:center;margin:0 auto;}
.caption {text-align:left; color:#7f7f7f; font:12px/16px Arial, Helvetica, sans-serif;}

.no-border {border: 0 none !important;}
.no-margin {margin: 0 !important;}
.no-bg {background: none repeat scroll 0 0 transparent !important;}
.no-pad-top {padding-top: 0 !important;}
.no-pad-bt {padding-bottom: 0 !important;}
.container {margin: 0 auto; position: relative; width:1070px; clear:both; background:transparent !important; border:none !important;}

.main_cont {float:left; width:750px;}
.sidebar {float:right; width:300px;}
.main_cont_sub {float:left; width:650px;}
.sidebar_sub {float:right; width:400px;}
.fl {float:left;}
.fr {float:right;}
.clr {clear:both;}
.ma {margin: 0 auto;}
.ac {text-align: center;}
.mt20 {margin-top: 20px;}
.mt15 {margin-top: 15px;}
.mt8 {margin-top: 8px;}
.mt10 {margin-top: 10px;}
.mt30 {margin-top: 30px;}
.mb30 {margin-bottom: 30px;}
.mb20 {margin-bottom: 20px;}
.mb15 {margin-bottom: 15px;}
.mb10 {margin-bottom: 10px;}
.mb5 {margin-bottom: 5px;}
.mb50 {margin-bottom: 50px;}
.mr20 {margin-right: 20px;}
.mr5{margin-right: 5px;}
.mr15 {margin-right: 15px;}
.mr10 {margin-right: 10px;}
.ml20 {margin-left: 20px;}
.ml15 {margin-left: 15px;}
.ml10 {margin-left: 10px;}
.mtb30 {margin: 30px 0;}
.pt12 {padding-top: 12px;}
.pt30 {padding-top: 30px;}
.pb30 {padding-bottom: 30px;}
.pl5 {padding-left: 5px;}
.pb10 { padding-bottom:10px;}
.pb5 { padding-bottom:5px;}
.pl30 { padding-left:30px;}

.doff {display:none;}
.don {display:block;}

.br_bw { border-bottom:1px solid #ffff;}
.tit_green {font:16px/32px Arial, Helvetica, sans-serif; font-weight:bold; color:#006; border-top:#006 solid 4px; border-bottom:#999 solid 1px;}
.tit_black {font:16px/32px Arial, Helvetica, sans-serif; font-weight:bold; color:#006; border-top:#006 solid 4px; border-bottom:#999 solid 1px;}
.tit_black .fr a {font-size:13px; color:#999; text-transform:uppercase;}
.tit_red {font:18px/34px Arial, Helvetica, sans-serif; font-weight: bold;text-transform: uppercase; color:#000; border-top:#bbb solid 4px; border-bottom:#aaa solid 1px;clear:both; }
.tit_top {border-bottom:2px solid #ddd; font:bold 26px/32px Arial; padding:3px; text-transform:uppercase;position:relative}
.tit_thinbg {color:#fff; background-color:#000066;  font-weight:bold; font-size:14px; line-height:24px; font-family:Arial,Helvetica,sans-serif; text-transform:uppercase; text-align:center; clear:both;}
.tit01 {font-size: 14px; font-weight: bold;	color: #FFFFFF;}
.tit_science {border-top:4px solid #DC0000; border-left:1px solid #DA0000;border-right:1px solid #DA0000;border-bottom:1px solid #DA0000; padding:10px 15px; font-size:17px; font-weight:bold;}
.tit_science span{padding-left:10px;}
.tit_science span a{color:#DC0000; }
.tit_science span a:hover{color:#DC0000 !important; text-decoration:underline;}
.tit_sports{border-top:4px solid #000000; border-left:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;padding:10px 15px;font-size:17px; font-weight:bold;}
.tit_sports span{padding-left:10px;}
.tit_sports span a{color:#0182aa;}
.tit_sports span a:hover{color:#0182aa !important;;text-decoration:underline;}
.tit_nature{border-top:4px solid #a15219; border-left:1px solid #a15219;border-right:1px solid #a15219;border-bottom:1px solid #a15219;padding:10px 15px;font-size:17px; font-weight:bold;}
.tit_nature span{padding-left:10px;}
.tit_nature span a{color:#c9a23b;}
.tit_nature span a:hover{color:#c9a23b !important;; text-decoration:underline;}
.sister_sport a{color:#0f83aa;}
.sister_nature a{color:#c9a044}
.sister_science a{color:#d80000}
.header {height:86px; background-image: url('../images/bg_header_new.png'); background-repeat:repeat-x; background-position:left top; background-color:#092452;}
.top_heaer {font-size:10px; text-transform:uppercase; color:#9aa2ae; height:22px;line-height:23px;margin-left:3px;}
.inner_header {width:100%; height:86px; position:relative;}
.inner_header .hd_T {position:absolute; top:27px; left:260px; color:#c8c8c8; font-size:13px; font-family:Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing:-0.01em;}
.inner_header .hd_T strong {display:block; font-size:11px; line-height:24px; color:#5178a1; text-transform:uppercase;}
.inner_header .logo {position:absolute; top:27px; left:0;}
.hdr-social {position:absolute; top:5px; right:10px; width:290px; height:30px;}
.hdr-social li {float:left; width:30px; height:30px;}
.hdr-social li a {display:block; text-indent:-9999px; width:30px; height:30px;}
.hdr-social .ttl {width:168px; text-align:center; font-size:11px; line-height:30px; color:#5178a1; }
.hdr-social .fb {background:url('../images/icn_sns_sprite.png') no-repeat 0 0 ; }
.hdr-social .tw {background:url('../images/icn_sns_sprite.png') no-repeat -30px 0 ; }
.hdr-social .gl {background:url('../images/icn_sns_sprite.png') no-repeat -60px 0 ; }
.hdr-social .rss {background:url('../images/icn_sns_sprite.png') no-repeat -90px 0 ; }
.hdr-social .fb:hover {background:url('../images/icn_sns_sprite.png') no-repeat 0 -30px;  }
.hdr-social .tw:hover {background:url('../images/icn_sns_sprite.png') no-repeat -30px -30px; }
.hdr-social .gl:hover {background:url('../images/icn_sns_sprite.png') no-repeat -60px -30px; }
.hdr-social .rss:hover {background:url('../images/icn_sns_sprite.png') no-repeat -90px -30px; }
.hdr-social .fl {display:none;}
.widget-basic{ margin-bottom: 20px;}
/*sub categories */
.subcategories {border-bottom:2px #ddd solid; padding:13px 5px;font-size:17px;font-weight:bold}
.subcategories a {display:inline-block; padding:0 7px; border-right:#ddd 2px solid;color:#1a4174;}
/*navigation */
.navigation { position:absolute; display:inline-block; top:3px; right:10px; font-size:12px; font-weight:normal; text-transform:none}
.navigation a { color:#888}
.navigation a b { color:#1a4174;}
/*search */
.inner_header .search {position:absolute; top:40px; right:0; width:294px; height:25px; background-color:#eee; padding:3px;}
.input {border: 0; width: 262px;height: 25px;background-color:#fff;}
.btn { background:url('../images/btn_search.gif') no-repeat top left; width:28px; height:25px; position:absolute; right:3px; top:3px; cursor:pointer; border:0;}
.search-s {display:none;}

/* nav */
.nav {height:41px; overflow:hidden; width:100%; border-bottom:1px solid #ddd; box-shadow:0 2px 3px 1px rgba(0, 0, 0, 0.1);}
.nav li {float:left; text-transform:uppercase; line-height:41px; font-family:Arial, Helvetica, sans-serif; text-align:center; padding:0 1.2%}
.nav li a {font-weight:bold; font-size:16px; line-height:41px; text-decoration:none; letter-spacing:-0.2px; text-align:center; display:block;}
.nav .nav-m0 {width:5.5%;}
.nav .nav-m1 {width:4%;}
.nav .nav-m2 {width:7.5%;}
.nav .nav-m3 {width:6.5%;}
.nav .nav-m4 {width:8.5%;}
.nav .nav-m5 {width:6%;}
.nav .nav-m6 {width:12.5%;}
.nav .nav-m7 {width:4.5%;}
.nav .nav-m8 {width:9%;}
.nav .nav-m9 {width:7%;}
.nav .nav-m10 {width:6%;}
.nav .nav-m11 {width:5%;}
.nav .nav-m12 {width:11%;}
.nav .nav-m13 {width:6.5%;}
.nav li a.current {background-color:#fff; box-shadow:0 30px 20px #eee inset; text-shadow:1px 1px 0 #fff;}
.nav-s {display:none; border-bottom:1px solid #ddd; box-shadow:0 2px 3px 1px rgba(0, 0, 0, 0.1);}
.nav-s a {display:block; text-align:center; text-transform:uppercase; font-size:12px; line-height:36px; font-weight:bold; color:#888; background:url(../images/res-btn-tabs.png) right 12px no-repeat;}
.nav-s .selected a {background-position:right -18px !important; color:#0c42ae !important;}
.nav-s .nav-m1 {float:left; width:33%;}
.nav-s .nav-m2 {float:left; width:34%;}
.nav-s .nav-m3 {float:left; width:33%;}
.color{color:#0c42ae;}

.nav2 {height: 60px;
overflow: hidden;
width: 100%;
border-bottom: 1px solid #ddd;
box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.1);
display: none;}
.nav2 ul{width:100%; clear:both;} 
.nav2 li {float: left;
text-transform: uppercase;
line-height: 30px;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
padding: 0 15px;}
.nav2 li a {font-weight: bold;
font-size: 14px;
line-height: 30px;
text-decoration: none;
letter-spacing: -0.2px;
text-align: center;
display: block;}

.nav2 li a.current {background-color:#fff; box-shadow:0 30px 20px #eee inset; text-shadow:1px 1px 0 #fff;}


.headlines {float:right; width:35%;}
.headlines ul{padding:4px 0 20px 0; background-color:#fff; height:360px; overflow:hidden;}
.headlines li {font:13px/18px Arial, Helvetica, sans-serif; font-weight:bold; border-bottom:1px dotted #797979; padding:7px 0 6px 0;}
.headlines li a {color:#1d1d1d; text-decoration:none;}

.main_photo {float:left; width:435px; background-color:#FFF;}
.main_photo h1 {font-size:24px; line-height:24px; overflow: hidden;}
.main_photo h1 a {color: #000;}
.main_photo p a {color: #000;}
.main_photo ul {position:relative;}
.main_photo ul li {float:left;}
.main_photo ul li a { padding-top:15px;}
.main_photo .img:hover {border:3px solid #173289; overflow:hidden;}
.main_photo .img:hover img {margin:-3px;}
.main_photo .current {background:url('../images/arr_red.png') no-repeat 0 0; width:19px; height:11px; display:block; position:absolute;}
.main_photo .on {border:3px solid #173289; overflow:hidden;}
.main_photo .on img {margin:-3px;}

/*olympic */
.olympic {background-color:rgba(56, 56, 56, 0.6); padding:3px 10px; color:#fff; border:1px solid #5d5d5d; text-align:center;}
.oly_tit {font:14px/18px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center;}
.wl { padding:3px 0; border-bottom:1px solid #fff; }
.gold { background:url('../images/m_gold.png') no-repeat 50% 50%; text-indent:-9999px;}
.silver { background:url('../images/m_silver.png') no-repeat 50% 50%; text-indent:-9999px;}
.bronze { background:url('../images/m_bronze.png') no-repeat 50% 50%; text-indent:-9999px;}

/* main_cont */
.main_box {padding-top:3px; clear:both;}
.main_content {clear:both;}

.bk-headline {float:left; width:63%; position:relative; margin-top:10px; max-height:500px;}
.bk-headline .bk-start .art-img {width: 100%;box-shadow: none;}
.bk-headline .bk-start .art-txt {text-align:center; padding:5px;}
.bk-headline .bk-start .art-sum {font-size:11px; line-height:16px; color:#999;}
.bk-headline .bk-start .art-ttl {font-size:22px; line-height:28px; color:#000; font-weight:bold; letter-spacing:-1px; text-align:left;}
.bk-headline .div-nav {left:4%; width:92%;}
.bk-headline .bk-con {float:left; width:22%; text-align:center; padding:0 1.5%;}
.bk-headline .bk-con .art-ttl {font-size:12px; line-height:13px; color:#000; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}
.bk-headline .bk-con .art-img {border-bottom:#fff solid 2px; width:100%;}
.bk-headline .bk-con a:hover {opacity:0.5; filter:alpha(opacity=50);}
.bk-headline .bk-con .selected .art-img {border-bottom:#ffd200 solid 2px;}
.bk-headline .bk-con .selected {opacity:0.9 !important; filter:alpha(opacity=90);}
.bk-headline .bt_prev {top:170px; left:12px; position:absolute; z-index:10; opacity:0.8; filter:alpha(opacity=80);}
.bk-headline .bt_next {top:170px; right:12px; position:absolute; z-index:10; opacity:0.8; filter:alpha(opacity=80);}
.bk-headline .bt_prev:hover, .bk-headline .bt_next:hover {opacity:1; filter:alpha(opacity=100); cursor:pointer;}
.bk-headline a:hover .art-ttl {color:#444;}

.slides {width:100%; displa:block;}
.sldies li {display:none}
.sldies li:first-child {displa:block;}

.slidepager {display:block; margin:5px 0 0; width:100%;}
.slidepager li {display:block; width:25%; float:left; margin:0; position:relative;}
.slidepager img {width:96%; display: block; opacity:0.7; cursor:pointer; padding:2%; background:#ccc; line-height:0;}
.slidepager img:hover {opacity:1;}
.slidepager .rslides_here img {opacity:1; cursor:default; background:#aaa;}

/* box01 */
.box01 {margin-bottom:15px;}
.box01 li {float:left; overflow:hidden; width:23.12%; margin-bottom:10px;}
.box01 li img {width:100%;}
.tit_red_s {font-size:12px; color:#1f4f82; font-weight:bold; text-transform:uppercase;}
.box01 h3 {color:#000; font:14px/18px Arial, Helvetica, sans-serif; padding:5px 0; margin-bottom:8px;}
.box01 h3 a {color:#000; font-weight:normal;}
.box01 h3 a:hover {color: #192F6F;}
.box01 h4 {color:#000; font:14px/20px Arial, Helvetica, sans-serif; padding:5px 0; margin-bottom:8px;}
.box01 h4 a {color:#000; font-weight:normal;}
.box01 h4 a:hover {color: #192F6F;}
.main_cont .box01 .mr10 {margin-right:2.5% !important;}
.bk-con .box01 li {width:47.75%; }
.bk-con .box01 .mr10 {margin-right:4.5% !important;}

.featured li {float:left; width:49%; position:relative; margin-bottom:10px;}
.featured li.mr10 {margin-right:2% !important;}
.featured li div {padding:10px 5px; color:#666;}
.featured li h3 {font-size:16px; line-height:18px; font-weight:bold; margin-bottom:10px;}
.featured li h3 a {color:#000;}
.featured li p {font-size:12px; overflow:hidden; height:14px;}
.featured li img {width:100%;}
.main_cont_sub .featured li {width:315px; overflow:hidden;}

.clear {clear:both; display:block; line-height:0;}

/* box02 */
.box02 {float:left; overflow:auto; width:340px; font:13px/17px Arial, Helvetica, sans-serif;}
.box02 img {float:left; margin-right:15px; margin-bottom:15px;}
.box02 h3 {font:15px/18px Arial, Helvetica, sans-serif; padding:5px; margin-bottom:5px;}
.box02 h3 a {color:#000; font-weight:bold;}
.box02 h3 a:hover {color: #1039B4;}
.box02 ul {clear:both;}
.box02 ul li {background:url('../images/dot_gray.gif') no-repeat 0 5px; padding-left:12px; margin-bottom:10px;}
.box02.mr10 {margin-right:15px !important;}

/* box03 */
.box03 {clear:both; overflow:auto; border-bottom:1px dotted #aaa; padding:12px 0 0 0;}
.box03 img {float:right; margin-left:15px; margin-bottom:10px;}
.box03 h3 {font:14px/18px Arial, Helvetica, sans-serif; padding:2px 0; margin-bottom:5px;}
.box03 h3 a {color:#000; font-weight:bold;}
.box03 h3 a:hover {color: #1039B4;}
.box03 p {font:11px/14px Arial, Helvetica, sans-serif; color:#777; padding-bottom:12px;}

/* box04 */
.box04 {clear:both; overflow:auto;}
.box04 li {float:left; width:145px;}
.box04 .mr10 {clear:left;}
.box04 img {margin-bottom:10px;}
.box04 h4 {font:13px/16px Arial, Helvetica, sans-serif; margin-bottom:15px;}
.box04 h4 a {color:#000; font-weight:bold;}
.box04 h4 a:hover {color: #00959a;}
.sidebar_sub .box04 li {width:49%;}
.sidebar_sub .box04 li img {width:100%;}
.sidebar_sub .box04 .mr10 {clear:left; margin:0 2% 0 0;}
.box04 .art-img{margin-bottom:10px;}

/* sns_box */
.sns_box {border:6px solid #ccc; padding:8px 10px 0; margin-bottom:20px; position: relative;clear:both;}
.sns_box .tit01 {color:#333;}
.sns_box a{ color:#666;}
.sns li {float:left; line-height:21px; height:21px; margin-right:5px; font-size:10px; padding-bottom:15px;}
.sns li img {margin-right:5px;}
.nwletter {padding:10px 0; border-top: 1px solid #ccc;}
.nw_form { height:25px; border:1px solid #cccccc; width:150px; padding:0 3px;}
.nw_btn { background-color:#545454; height:27px; color:#fff; padding:0 5px; border:none; cursor:pointer;}

.sns_box .nw_comment:before {border-bottom: 8px solid #EAEAEA; border-left: 6px solid transparent; border-right: 6px solid transparent; bottom: 100%; content: "";  height: 0; left: 30px; position: absolute; z-index:10;width: 0;}
.sns_box .nw_comment { background: none repeat scroll 0 0 #EAEAEA; border-radius: 6px 6px 6px 6px; clear: both; color: #777777; float: left; margin-top:5px; padding: 5px 10px; position: relative; width: 230px; font-size:12px;}
.comment { margin-top:30px;}

.connect_box {color:#000066; font:16px/34px Arial,Helvetica,sans-serif; font-weight:bold; border-bottom: 1px solid #999999; border-top: 4px solid #000066; color: #000066; margin-bottom:10px; margin-top:0 !important;clear:both;}
.all_box {margin-bottom: 20px;}

.bk-ad300, .bk-ad350 {width:100%; text-align:center; margin-top:10px; margin-bottom:10px; clear:both;}

.foot_article{margin-top:20px;}
.foot_article:after, .foot_article:before {display:block; content:""; clear:both;}
.foot_article .fl {width:336px;}
.foot_article .fr {width:300px;}

.footer {background-color:#111; clear:both;}
.footer img {float:left; margin-right:20px; padding-bottom:20px;}
.footer_info {color:#fff;}
.fr_link01 {color:#999; font-size:11px; padding: 25px 0 10px;}
.fr_link01 a {color:#fff; padding:0 2px; font-weight: bold;}
.fr_link02 {padding:10px 0 10px 0;	color: #999; position: relative;}
.fr_link02 a {color:#ccc; padding:0 2px; }

/*top_sns *//*top_sns *//*top_sns *//*top_sns *//*top_sns */
.fr_sns {position:absolute; left:520px; top:10px;}
.fr_sns li {float:left;}
.fr_sns  li a { display:block; text-indent:-9999px; height:16px;}
.fr_sns .fb:hover { background:url('../images/top_sns.gif') no-repeat 0 0 ;  width:16px; }
.fr_sns .tw:hover { background:url('../images/top_sns.gif') no-repeat -22px 0 ; width:16px; }
.fr_sns .gl:hover  { background:url('../images/top_sns.gif') no-repeat -44px 0 ; width:16px; }
.fr_sns .rss:hover { background:url('../images/top_sns.gif') no-repeat -66px 0 ;  width:16px; }
.fr_sns .fb { background:url('../images/top_sns.gif') no-repeat 0 -16px;  width:16px; margin-right:6px;}
.fr_sns .tw { background:url('../images/top_sns.gif') no-repeat -22px -16px; width:16px;  margin-right:6px;}
.fr_sns .gl{ background:url('../images/top_sns.gif') no-repeat -44px -16px; width:16px;  margin-right:6px; }
.fr_sns .rss { background:url('../images/top_sns.gif') no-repeat -66px -16px; width:16px; }

.copyright {padding:6px 0 20px; color:#ccc; font-size:11px;}


/* groupdiv *//* groupdiv *//* groupdiv *//* groupdiv *//* groupdiv *//* groupdiv *//* groupdiv *//* groupdiv *//* groupdiv */
.groupdiv { width:160px; position:absolute; right:0px; top:0px;}
.tab_group{
	background: url("http://www.33universal.com/images/arr_group_down.png") no-repeat scroll 127px 2px #000000;
	border: medium none;
	color: #AAAAAA;
	font-size: 14px;
	height: 26px;
	line-height: 26px;
	margin: 10px 0;
	padding: 2px 0 2px 10px;
	cursor: pointer;
	letter-spacing:-0.5em;
	font-family: "Arial Black", Gadget, sans-serif;
	}
.tab_group:hover{background: url("http://www.33universal.com/images/arr_group_down.png") no-repeat scroll 127px 2px #1c1915;}
.tab_group span {  color: #FFFFFF; font-size: 12px; line-height: 26px;}
.tab_hidden {display: none;  left: 0; margin-left: 20px; position: absolute; width: 231px; z-index: 2000;}
.tab_hidden li {background: none repeat scroll 0 0 #000000; border-top: 1px solid #202020; font-size: 11px; text-indent: 10px;}
.tab_hidden li a{ color:#fff;}


/* sub *//* sub *//* sub *//* sub *//* sub *//* sub *//* sub */
.bg_black {background-color:#eee; border-bottom:1px solid #ddd;}
.banner728 {text-align:center; width:100%; margin:0 auto; overflow:hidden;}
.banner728.pt12 {padding-top:5px; padding-bottom:5px;}
.banner728.pt12 table {display:inline-table;}

/* sub*/
.sub_box01 { clear:both; padding:20px 0; border-bottom:1px solid #b6b6b6; overflow:auto;}
.sub_box01 img { float:left; padding:0 15px 0 0 ; overflow:auto;}
.sub_box01  p {font:12px/18px Arial, Helvetica, sans-serif; color:#404040;}
.sub_box01 h2 {font:26px/30px Arial, Helvetica, sans-serif; font-weight:bold;}
.sub_box01 h2  a {color:#000;}
.sub_box01 h2  a:hover {color: #00959a;}
.sub_box01 .art_txt01 {font:12px/17px Arial, Helvetica, sans-serif; letter-spacing:0.05em; color:#777;}
.date {font-size:11px; color:#575757;}

.sub_box02 {clear:both;  overflow:auto; padding:20px 0; border-bottom:1px solid #b6b6b6;}
.sub_box02 img { float:left; padding:0 15px 0 0 ;}
.sub_box02 h3 {font:21px/26px Arial, Helvetica, sans-serif; font-weight:bold;}
.sub_box02 h3  a {color:#000;}
.sub_box02 h3  a:hover {color: #00959a;}
.sub_box02 .art_txt02 {font:12px/17px Arial, Helvetica, sans-serif; letter-spacing:0.05em; color:#777;}

.sub_box03 {overflow:auto;}
.sub_box03 img { float:left; padding:0 15px 5px 0 ;}
.sub_box03  h4 {font:16px/20px Arial, Helvetica, sans-serif; font-weight:bold; }
.sub_box03  h4 a {color:#303030;}
.sub_box03  p {font:12px/16px Arial, Helvetica, sans-serif; color:#666;}

.sub_box04 li {background:url(../images/dot_black.gif) no-repeat 5px 5px;  padding-left:15px; margin:5px 0; }
.sub_box04 li a {font:14px/18px Arial, Helvetica, sans-serif; font-weight:bold;}

.btn_more {margin:30px 0;}
.btn_more a {
	*background:#FBFBFB; /* IE 7 and below */
   	_background:#FBFBFB; /* IE 6 and below */
	background: #FBFBFB; /* all browsers including Mac IE */
	background: #fbfbfb; /* Old browsers */
	background: -moz-linear-gradient(top, #fbfbfb 9%, #e6e6e6 98%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(9%,#fbfbfb), color-stop(98%,#e6e6e6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fbfbfb 9%,#e6e6e6 98%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fbfbfb 9%,#e6e6e6 98%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fbfbfb 9%,#e6e6e6 98%); /* IE10+ */
	background: linear-gradient(to bottom, #fbfbfb 9%,#e6e6e6 98%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */
	border-color: #DADADA #B9B9B9 #B9B9B9 #DADADA;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 2px 1px 0 #E4E4E4;
    color: #555555;
    display: block;
    height: 35px;
    text-align: center;
    text-shadow: 1px 1px 1px #FFFFFF;
	text-transform:uppercase;
	font:14px/35px UbuntuMedium, Helvetica, Arial, sans-serif;
}
.btn_more a:hover {
	*background:#FBFBFB; /* IE 7 and below */
   	_background:#FBFBFB; /* IE 6 and below */
	background: #FBFBFB; /* all browsers including Mac IE */
	background: #e6e6e6; /* Old browsers */
	background: -moz-linear-gradient(top, #e6e6e6 4%, #fbfbfb 96%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(4%,#e6e6e6), color-stop(96%,#fbfbfb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e6e6e6 4%,#fbfbfb 96%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e6e6e6 4%,#fbfbfb 96%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e6e6e6 4%,#fbfbfb 96%); /* IE10+ */
	background: linear-gradient(to bottom, #e6e6e6 4%,#fbfbfb 96%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#fbfbfb',GradientType=0 ); /* IE6-9 */
    border-color: #E4E4E4 #CBCBCB #CBCBCB #E4E4E4;
    border-style: solid;
    border-width: 1px;
    color: #333;
    text-decoration: none;}

/* pagenum */
.pagenum {color:#1d1d1d; text-align:center;  margin:40px 0;}
.pagenum a {color:#1d1d1d; margin:0 6px;}
.pagenum a:hover {color:#00959a; font-weight:bold;}
.pagenum .current {color:#00959a; font-weight:bold;}
.or_btn {background-color:#00959a; padding:3px 7px; color:#fff; cursor:pointer;}
.or_btn:hover {background-color:#00959a; padding:3px 7px; color:#fff;}

.article.pt30 {padding-top:18x;}
.article h2 {font:28px/32px Arial, Helvetica, sans-serif; color:#303030; font-weight:bold;}
.article p {font:16px/24px Arial, Helvetica, sans-serif; margin-bottom:30px;}
.article a {color: #1039b4;text-decoration:underline; font-weight:bold !important; font:16px/24px Arial, Helvetica, sans-serif;}
.article a:hover {text-decoration:none;}
.article .posted {font-size:12px; color:#575757; margin-bottom:20px;}
.article .posted a {color:#999; font-weight:normal !important; font:12px/16px Arial, Helvetica, sans-serif;}
.article .tagged{font-weight:bold; font-size:16px; padding-top:10px; padding-bottom:20px;}
.article .tagged a{  color: #000;
  text-decoration: none;
  padding: 0 3px;
  font-weight: normal !important;
  font-size: 15px;}


.user_interface { padding:10px 0; border-top:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1;}
.user_interface ul { float:left; }
.top_article {border-bottom:3px solid #ddd; padding-bottom:10px;}
.top_article li { float:left; padding-right:0.5%; width:32.5%; font:12px/15px Arial, Helvetica, sans-serif; font-weight:bold;}
.top_article img {float:left; margin-right:10px; margin-bottom:7px;}

.user_sns {overflow:hidden;}
.user_sns li {float: left;}
.user_tool {overflow:hidden; height:30px;}
.user_tool li {float: left;}

.subtitle{color: #626262;
font: 16px/22px Arial, Helvetica, sans-serif;
margin-bottom: 20px;}

/* tags */
.tags { clear:both;}
.tags .label {font-size: 12px; line-height: 28px;  margin-right: 5px; text-transform: uppercase;}
.tags a {color: #171717; font-style: italic; padding:2px 5px; text-decoration: none;}
.tags a:hover {background-color: #ccc; color: #FFFFFF;}
.tags .current {background-color: #999; color: #FFFFFF;}

/*gallery_box*/
.gallery_box {overflow:hidden; position:relative; height:91px; background-color:#e8e8e8; width:100%; clear:both;}
.gallery .img:hover {border:3px solid #f20000; overflow:hidden;}
.gallery .img:hover img {margin:-3px;}

.gallery .on {border:3px solid #f20000; overflow:hidden;}
.gallery .on img {margin:-3px;}

.gallery li {float:left; margin-right:12px;}
.gallery ul {left:52px; position:absolute; top:5px;}
.slide_arrl {background: url("../images/slide_arr.gif") no-repeat scroll 0 0 transparent; cursor: pointer; height:91px; width: 23px; left:0px; position: absolute; text-indent: -9999px;}
.slide_arrr {background: url("../images/slide_arr.gif") no-repeat scroll -22px 0 transparent; cursor: pointer;  height:91px; width: 23px; position: absolute; right:0px; text-indent: -9999px;}
.slide_arrl:hover {background: url("../images/slide_arr.gif") no-repeat scroll 0 -91px transparent; cursor: pointer; height:91px; width: 23px; left:0px; position: absolute; text-indent: -9999px;}
.slide_arrr:hover {background: url("../images/slide_arr.gif") no-repeat scroll -22px -91px transparent; cursor: pointer;  height:91px; width: 23px; position: absolute; right:0px; text-indent: -9999px;}

.img_article {width:auto; clear:both; max-width:100%; overflow:hidden;}
.moving { overflow:hidden; color:#2d2d2d; padding:15px 0;}
.moving li {float:left; width:30%;}
.moving li a {font:13pxx/18px Arial, Helvetica, sans-serif; padding:15px 0;}
.moving_pre {background:url('../images/arr_cl.png') no-repeat 0 0; display:block; width:23px; height:23px; padding-left:30px; line-height:23px; cursor:pointer;}
.moving_pre:hover {background:url('../images/arr_cl.png') no-repeat 0 -23px;}
.moving .moving_c { text-align:center;}
.moving_next {background:url('../images/arr_cr.png') no-repeat top right; display:block; width:23px; height:23px; text-align:right; padding-right:30px; line-height:23px; cursor:pointer;}
.moving_next:hover {background:url('../images/arr_cr.png') no-repeat  right -23px ; }

/*gallery_box*/
.top_news{width: 100%;vertical-align: middle; background:#eee; overflow:hidden;}
.top_news li{width:21%; float:left; padding:2%;border-top:5px solid #fff; text-align:center; border-top:5px solid #fff;background: #eee;}
.top_news li:hover{ border-top:5px solid #535353;}
.top_news li.current{ border-top:5px solid #000066;}
.top_news li a{font-size: 14px;line-height: 18px;font-weight: bold;margin-bottom: 10px;}

.sum_picuture{position:relative;}
.sum_picuture li{float:left; width:12%; margin-right:2%;border: 1px solid rgba(255,255,255,.1);}
.sum_picuture li img{width:100%;}
.sum_picuture li:hover{border:1px solid #ec0606;}
.sum_picuture .active{border:1px solid #ec0606;}
.main_sum_picuture{position:relative;}
.main_sum_picuture li{float:left; width:9%; margin-right:2%;border: 1px solid rgba(255,255,255,.1);}
.main_sum_picuture li img{width:100%;}
.main_sum_picuture li:hover{border:1px solid #ec0606;}
.main_sum_picuture .active{border:1px solid #ec0606;}
.prev{background:url('../images/arrow.jpg') no-repeat 0 0; width:35px; height:50px; display:block; cursor:pointer; z-index:-99999; position:absolute; left:0; top:150px; z-index:90; }
.prev:hover{background:url('../images/arrow.jpg') no-repeat 0 -56px; width:35px; height:50px; display:block; cursor:pointer; z-index:-99999;position:absolute; right:0; top:150px; z-index:90;}
.next{background:url('../images/arrow.jpg') no-repeat -40px 0; width:35px; height:50px; display:block; cursor:pointer; z-index:-99999;position:absolute; right:0; top:150px; z-index:90;}
.next:hover{background:url('../images/arrow.jpg') no-repeat -40px -56px; width:35px; height:50px; display:block; cursor:pointer; z-index:-99999;position:absolute; right:0; top:150px; z-index:90;}
.prev_f{background:url('../images/arrow.jpg') no-repeat 0 0; width:35px; height:50px; display:block; cursor:pointer; z-index:-99999; position:absolute; left:0; top:11px; z-index:90; }
.prev_f:hover{background:url('../images/arrow.jpg') no-repeat 0 -56px; width:35px; height:50px; display:block; cursor:pointer; z-index:-99999;position:absolute; right:0; top:11px; z-index:90;}
.next_f{background:url('../images/arrow.jpg') no-repeat -40px 0; width:35px; height:50px; display:block; cursor:pointer; z-index:-99999;position:absolute; right:0; top:11px; z-index:90;}
.next_f:hover{background:url('../images/arrow.jpg') no-repeat -40px -56px; width:35px; height:50px; display:block; cursor:pointer; z-index:-99999;position:absolute; right:0; top:11px; z-index:90;}

/*sister*/
.sister_category1{background:#000000; color:#fff; font-size:14px; font-weight:bold; text-align:center; width:100%; height:40px; line-height:40px;}
.sister_category1 a{color:#fff;}
.sister_category1 a:hover{color:#fff !important;}
.sister_category2{background:#c9a044; color:#fff; font-size:14px; font-weight:bold; text-align:center; width:100%; height:40px; line-height:40px;}
.sister_category2 a{color:#fff;}
.sister_category2 a:hover{color:#fff !important;}
.sister_category3{background:#d80000; color:#fff; font-size:14px; font-weight:bold; text-align:center; width:100%; height:40px; line-height:40px;}
.sister_category3 a{color:#fff;}
.sister_category3 a:hover{color:#fff !important;}
.sister-sum {font-size: 13px;line-height: 18px; margin:10px 0; overflow:hidden;}
.sister-sum img{float:left; margin-right:15px;}

/*video*/
.bk-videoplay {background-color:#111; color:#000; padding:15px; margin:0 auto 15px auto; text-align:center;}
.bk-videoplay .art-txt {padding:10px 75px 5px 75px;}
.bk-videoplay .art-ttl {font-size:26px; line-height:30px; color:#fff; font-weight:bold; padding-bottom:10px;}
.bk-videoplay .art-sum {font-size:12px; line-height:16px; color:#999;}
.bk-videoplay .main_cont {width:675px;}
.bk-morevideos img {box-shadow:0 9px 7px -7px rgba(0, 0, 0, 0.4);}
.box01.bk-morevideos li {position:relative; height:auto;}
.box01.bk-morevideos .art-play {background:url('../images/icn_play.png') center 0 no-repeat; display:block; width:100%; height:100%; position:absolute; top:0; left:0;}
.box01.bk-morevideos a:hover .art-play {background-position:center -100px;}
.box01.bk-morevideos a {display:block; overflow:hidden; position:relative;}
.box01.bk-morevideos .selected .art-play {background-position:0 -200px !important;}
.btn-loadmore {display:block; border:#eee solid 1px; margin-bottom:20px; cursor:pointer;}
.btn-loadmore a {display:block; width:100%; height:40px; line-height:40px; font-size:11px; text-align:center; text-transform:uppercase; color:#ccc;}
.btn-loadmore a:hover {text-decoration:none; background-color:#eee; color:#fff; text-shadow:1px 1px 1px #ccc;}

.art-img, .box04 img, .box03 img, .box01 img, .featured li img, .main_photo img, .top_article img {box-shadow:0 9px 7px -7px rgba(0, 0, 0, 0.4);}

.bk-sectionlist {width:100%; clear:both; margin-bottom:20px;}
.bk-sectionlist .tit_black {margin-bottom:10px;}
.bk-sectionlist .bk-start {float:left; width:49%;}
.bk-sectionlist .bk-start .art-ttl {font-size:20px; line-height:22px; color:#000; padding:7px 0;}
.bk-sectionlist .bk-start .art-sum {font-size:12px; line-height:16px; color:#666;}
.bk-sectionlist .bk-start .art-img {width:100%;}
.bk-sectionlist .bk-con {float:right; width:49%;}
.bk-sectionlist .box01 .art-img {margin-bottom:10px;}
.bk-sectionlist .box01 .art-ttl {font:14px/18px Arial, Helvetica, sans-serif;}
.bk-sectionlist .box01 .art-ttl a {font-weight:bold;}
.bk-sectionlist.bk-equal .bk-start, .bk-sectionlist.bk-equal .bk-con {float:left; width:32%;}
.bk-sectionlist.bk-equal .bk-start {margin-right:2%; margin-left:2%;}
.bk-sectionlist.bk-equal .art-img {width:100%; margin-bottom:5px;}
.bk-sectionlist.bk-equal .art-ttl {font-size:16px; line-height:18px; color:#000; padding:7px 0;}
.bk-sectionlist.bk-equal .art-sum {font-size:12px; line-height:16px; color:#666;}

.bk-pageftrbn {position:fixed; bottom:0; left:0; width:100%; text-align:center !important; background-color:#eee; box-shadow:0 -2px 2px #aaa; z-index:200;} 

.bk-rssfeeds {width:100%; border-bottom:1px solid #aaa; border-top: 4px solid #bbb; color:#000; font:bold 14px/32px Arial,Helvetica,sans-serif; text-transform: uppercase; margin:15px 0;}
.bk-rssfeeds .art-ttl {width:20%; font:bold 14px/28px Arial,Helvetica,sans-serif; color: #000;}
.bk-rssfeeds th {text-align:left;}
.bk-rssfeeds td {border-top:1px solid #ccc; text-transform:none; padding:5px 0; font:normal 12px/28px Arial,Helvetica,sans-serif; color: #666;}

.pagettl {font:bold 24px/28px Arial,Helvetica,sans-serif; color: #000; padding:5px 0;}
.art-sum {padding:8px 0; font:normal 12px/18px Arial,Helvetica,sans-serif; color: #666;}

.bk-socialbox {float:left; width:250px; margin-right:15px; margin-top:10px; clear:left;}
.bk-socialbox .bk-hd .ttl-lft p {color:#fff; background-color:#1039B4;  font-weight:bold; font-size:14px; font-family:Arial,Helvetica,sans-serif; text-transform:uppercase; text-align:center;}
.bk-socialbox .bk-hd .ttl-lft {float:none;}
.bk-socialbox .bk-bd li {float:left; width:25%;  text-align:center; padding:0; margin:0;}
.bk-socialbox .bk-bd {clear:both;}
.bk-socialbox li, .bk-socialbox ul {list-style:none; padding:0; margin:0;}

/*contactform*/
.contactform{background:#efefee; padding: 10px 35px;}
.contactform .formgroup{overflow: hidden;padding-top: 20px;line-height: 30px;font-size: 17px;}
.contactform .formgroup label{font-size: 17px;height: 20px;}
.contactform .form-control{font-family: Arial, Helvetica, sans-serif;width: 95%;border: #efefee 1px solid;padding: 8px 12px;font-size: 14px;}
.button_sumit{background: #f52a21;width: 110px;height: 30px;text-align: center;line-height: 30px;color: #fff;font-size: 16px;border: #f52a21 1px solid;float: right;margin-right: 4px;margin-bottom: 20px;}
.article .breaker_tit{font-size:17px;font-weight:bold;}

/* breaker_box */
.breaker_box {border: 1px solid #ccc;margin-bottom: 20px;position: relative;clear: both;}
.breaker_box .txt{color:#fff; font-size:15px; padding:15px; background:url(http://assets.hngn.com/static/common/_v0.0.0/images/bg_breaker.png) no-repeat right top #19437a;}
.breaker_box span{color:#14b2a9; font-size:15px; display:inline-block; margin-bottom:7px; text-transform:uppercase;}
.breaker_box .tit01 {color: #333;vertical-align: middle;padding-top: 7px;display: inline-block;font-size: 12px;}
.breaker_box  a{ color:#666;}
.story {padding: 10px;}
.story_btn {background-color: #545454;height: 27px;color: #fff;padding: 0 10px;border: none;cursor: pointer;float: right;}


/* byline */
.byline{clear: both;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding: 10px;
overflow: hidden;
background: #eefbff;}
.byline .img{float:left; margin-right:10px; width:70px;}
.byline .cont{ font-size:14px;}
.byline .cont a{color:#494949; font-size:14px;}
.byline .cont .name a{font-size:18px; padding-right:15px;padding-left: 0;}
.byline .cont span a{font-size:12px; color:#4c4c4c; font-weight:normal !important; text-decoration:none; padding:0 5px;}
.byline .cont span.current a{font-weight:bold !important;}
.byline .img_subscribe{background:url(http://assets.hngn.com/static/common/_v0.0.0/images/img_subscribe.png) no-repeat 0 50%; padding-left:15px; font-size:12px; margin-top:10px;}
.byline .img_tweet{background:url(http://assets.hngn.com/static/common/_v0.0.0/images/img_tweet.png) no-repeat 0 50%; padding-left:15px; font-size:12px; margin-top:10px;}
.byline .bio{padding-top:10px; font-size:12px;color: #5e5e5e;}


/* info_com */
.info_com h2 {
    clear: both;
    font-size: 32px;
    letter-spacing: -0.05em;
    padding: 30px 0 20px;
    text-transform: uppercase;
}
.info_com .txt {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
    padding: 15px 12px;
}
.info_com .tit {
    color: #333333;
    font-size: 15px;
    font-weight: bold;
    line-height: 20px;
    padding: 10px 12px;
    text-transform: uppercase;
}
.info_com .s_tit {
    font-size: 15px;
    font-weight: bold;
    line-height: 20px;
    padding: 10px 30px;
}
.info_com .s_txt {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
    padding: 15px 30px;
}
.info_com .ss_txt {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
    padding: 10px 60px;
}

/* Star Pets */
.starpets{padding-top: 20px;clear: both;}
.starpets h2{font-size:16px; color:#000; text-transform:uppercase;font-weight:normal;}
.starpets ul li{float:left; padding:0 1.2%;}
.starpets .sum_pets{width:21%;}
.starpets .arrow_pets{padding-top:35px; width:3%}
.starpets .arrow_pets:hover{opacity:0.8}
.starpets .tit_pets{font-size:13px; font-weight:bold; padding-top:5px; display:inline-block;}
.starpets .more_pets{float:right; font-size:11px; color:#666;position:absolute;right:0; top:0;}
.starpets .title_pets{border-bottom:2px solid #000; padding-bottom:10px; margin-bottom:15px;  position:relative;}
.starpets .sum_pets img{width:100%;}
.starpets .arrow_pets img{width:3%; float:left;padding-top:30px}

/* company_info */
.company_info table{font-size:14px; line-height:20px;}
.company_info th{background:#F7F7F7; width:185px;}
.company_info td{padding:20px;}
.company_title h1{font-size:18px; color:#1c4078;}
.company_title p{color:#bdbdbd; font-size:40px; margin:30px 0;  font-family:Georgia, "Times New Roman", Times, serif;}
.company_info a{color:#a1a1a1;}
.company_name{font-weight:bold;}
.company_more li{float:left; width:33%; display:inline-block; margin:10px 0;}

/* Top Leaderboard 970x90, 970x250, 728x90 */
.ad_tlb {
    width:970px;
    margin:0 auto;
    text-align:center !important;
    overflow:hidden;
}
.ad_tlb table {
    display:inline-table;
}

/* Bottom Leaderboard 728x90 */
.ad_blb {
    width:728px;
    margin:0 auto;
    text-align:center !important;
    overflow:hidden;
}
.ad_blb table {
    display:inline-table;
}

/* Sidebar Rectangle 300x250, 300x600 */
.ad_rtg300 {
    width:300px;
    margin:0 auto;
    text-align:center !important;
    overflow:hidden;
}
.ad_rtg300 table {
    display:inline-table;
}

/* Rectangle 336x280, 300x250 */
.ad_rtg336 {
    width:336px;
    margin:0 auto;
    text-align:center !important;
    overflow:hidden;
}
.ad_rtg336 table {
    display:inline-table;
}

/* Rectangle 250x250 only */
.ad_rtg250 {
    width:250px;
    text-align:center !important;
}
.ad_rtg250 table {
    display:inline-table;
}


@media screen and (max-width:970px){
	
.ad_tlb {width:100%; max-width:100%;}
}
@media screen and (max-width:728px){
.ad_blb {width:100%; max-width:100%;}
.sister_category3, .sister_category2, .sister_category1{font-size:13px;}

}
@media screen and (max-width:600px){
.sister_category3, .sister_category2, .sister_category1{font-size:12px;}
.weather{ display:none;}
}
@media screen and (max-width:420px){
.sister_category3, .sister_category2, .sister_category1{font-size:16px;}
.weather{ display:none;}
}
@media screen and (max-width:336px){
	
.ad_rtg336 {width:100%; max-width:100%;}
.weather{ display:none;}
}


/* Header weather starts */

	.weather {height: 24px;position: absolute;right: 0px;top: 8px; line-height: 24px;}
	.weather a{ font-size: 13px; color: #c8c8c8; }
	.weather a:hover{ color: #fff !important;}
	.weather span { text-align: center; display: inline-block;}
	.weather .temperature{ font-weight:700;}
	.inner_header .search{ width: 240px;}
	.inner_header .search .input{ width: 240px;}


		
@font-face {
	font-family: 'icomoon';
	src:url('http://assets.hngn.com/static/common/_v0.0.0/fonts/icomoon.eot?iscbi1');
	src:url('http://assets.hngn.com/static/common/_v0.0.0/fonts/icomoon.eot?#iefixiscbi1') format('embedded-opentype'),
		url('http://assets.hngn.com/static/common/_v0.0.0/fonts/icomoon.woff?iscbi1') format('woff'),
		url('http://assets.hngn.com/static/common/_v0.0.0/fonts/icomoon.ttf?iscbi1') format('truetype'),
		url('http://assets.hngn.com/static/common/_v0.0.0/fonts/icomoon.svg?iscbi1#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
.icon {
	position: relative;
	top: 3px;
	font-family: 'icomoon';
	font-size: 1.5em;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-sunrise:before {
	content: "\e600";
}

.icon-sun:before {
	content: "\e601";
}

.icon-moon:before {
	content: "\e602";
}

.icon-sun2:before {
	content: "\e603";
}

.icon-windy:before {
	content: "\e604";
}

.icon-wind:before {
	content: "\e605";
}

.icon-snowflake:before {
	content: "\e606";
}

.icon-cloudy2:before {
	content: "\e607";
}

.icon-cloud:before {
	content: "\e608";
}

.icon-weather:before {
	content: "\e609";
}

.icon-weather2:before {
	content: "\e60a";
}

.icon-weather3:before {
	content: "\e60b";
}

.icon-lines:before {
	content: "\e60c";
}

.icon-cloud2:before {
	content: "\e60d";
}

.icon-lightning2:before {
	content: "\e60e";
}

.icon-lightning3:before {
	content: "\e60f";
}

.icon-rainy2:before {
	content: "\e610";
}

.icon-rainy:before {
	content: "\e611";
}

.icon-windy2:before {
	content: "\e612";
}

.icon-windy3:before {
	content: "\e613";
}

.icon-snowy:before {
	content: "\e614";
}

.icon-snowy2:before {
	content: "\e615";
}

.icon-snowy3:before {
	content: "\e616";
}

.icon-weather4:before {
	content: "\e617";
}

.icon-cloudy3:before {
	content: "\e618";
}

.icon-cloud3:before {
	content: "\e619";
}

.icon-lightning4:before {
	content: "\e61a";
}

.icon-sun3:before {
	content: "\e61b";
}

.icon-moon2:before {
	content: "\e61c";
}

.icon-cloudy4:before {
	content: "\e61d";
}

.icon-cloud4:before {
	content: "\e61e";
}

.icon-cloud5:before {
	content: "\e61f";
}

.icon-lightning5:before {
	content: "\e620";
}

.icon-rainy3:before {
	content: "\e621";
}

.icon-rainy4:before {
	content: "\e622";
}

.icon-windy4:before {
	content: "\e623";
}

.icon-windy5:before {
	content: "\e624";
}

.icon-snowy4:before {
	content: "\e625";
}

.icon-snowy5:before {
	content: "\e626";
}

.icon-weather5:before {
	content: "\e627";
}

.icon-cloudy:before {
	content: "\e628";
}

.icon-lightning:before {
	content: "\e629";
}

.icon-thermometer:before {
	content: "\e62a";
}

.icon-compass:before {
	content: "\e62b";
}

.icon-none:before {
	content: "\e62c";
}

.icon-Celsius:before {
	content: "\e62d";
}

.icon-Fahrenheit:before {
	content: "\e62e";
}

/* article pet */
.pet_banner{ width: 100%; height: auto;}
.pet_banner img{padding-bottom: 15px;}

/* poll page */
.roll_content{text-align: left;}
.boxsizing {
    box-sizing: border-box;
}
textarea {
    font-family: inherit;
}
.opensans_thin {
    font-family: "Open Sans",sans-serif !important;
    font-weight: 100 !important;
}

@media screen and (min-width: 990px) {
div#header_fullwidth_wrapper div.header_wrapper {
    margin: 0 auto;
    max-width: 990px;
}
div#main_wrapper {
    max-width: 990px;
}
div#content {
    margin: 0 auto;
    max-width: 990px;
}
}
div#homepage_header_wrapper {
    background-color: #779e6c;
    border-bottom: 14px solid #709664;
}
div#homepage_top_main {
    margin: 0 auto;
    max-width: 990px;
    overflow: hidden;
    padding: 20px;
    position: relative;
    text-align: left;
}

div#homepage_top_main div.tag_line_wrapper div.main_tag_line {
    color: #ffffff;
    font-family: "Open Sans",sans-serif;
    font-size: 2.5em;
    padding-bottom: 20px;
}
div#homepage_top_main div.tag_line_wrapper div.tag_description {
    color: #ffffff;
    font-size: 1.3em;
    padding-bottom: 20px;
}
div#homepage_top_main div.homepage_start_button_wrapper {
    background-color: #154c09;
    border-radius: 5px;
    color: #ffffff;
    overflow: hidden;
    padding: 14px 16px;
    position: relative;
    text-align: center;
}
div#homepage_top_main div.homepage_start_button_wrapper:hover {
    background-color: #216712;
    cursor: pointer;
}
div#homepage_top_main div.homepage_start_button_wrapper span {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
div#homepage_top_main div.homepage_start_button_wrapper div {
    font-size: 1.5em;
}
div#homepage_about_row {
    background-color: #bed4e5;
    text-align: center;
}
div#homepage_about_row div.about_us_wrapper {
    margin: 0 auto;
    max-width: 990px;
}
div#homepage_about_row div.about_us {
    margin: 0 auto;
    max-width: 420px;
    padding: 30px 20px;
    vertical-align: top;
}
div#homepage_about_row div.about_us h4.about_us_title {
    color: #2c90d0;
    font-family: "Open Sans",sans-serif;
    font-size: 1.7em;
    font-weight: 100;
}
div#homepage_about_row div.about_us div.service_description {
    color: #000000;
    font-family: "Open Sans",sans-serif;
    font-size: 0.9em;
    font-weight: 100;
}
div#homepage_about_row div.about_us div.about_link_wrapper {
    color: #2c90d0;
    padding: 10px 0 0;
}
div#homepage_about_row div.about_us div.about_link_wrapper a {
    color: #2c90d0;
}
div#homepage_about_row div.our_features_wrapper {
    background-color: #d0dee8;
    font-size: 0.9em;
    padding: 30px 20px;
}
div#homepage_about_row div.our_features_wrapper img {
    display: block;
    margin: 0 auto;
    padding: 0 0 12px;
}
div#homepage_about_row div.our_features_wrapper ul {
    display: inline-block;
}
div#homepage_about_row div.our_features_wrapper li {
    font-family: "Open Sans",sans-serif;
    font-weight: 500;
    line-height: 1.7em;
}

div#homepage_recent_content {
    padding: 20px;
    text-align: left;
}
div#homepage_recent_content h3 {
    color: #2c90d0;
    font-size: 1.4em;
    padding: 0 0 30px;
}
div#homepage_recent_content div.recent_activity_item {
    padding-bottom: 30px;
}
div#homepage_recent_content div.recent_activity_item_hidden {
    display: none;
}
div#homepage_recent_content div.recent_activity_buttons {
    margin-top: 10px;
}
div#homepage_recent_content div.recent_activity_buttons img {
    border: medium none;
    display: inline-block;
    max-width: 20px;
    padding-right: 8px;
}
div#advertisement_bottom_wrapper {
    overflow: hidden;
}
@media screen and (min-width: 760px) {
div#homepage_top_main {
    background-image: url("../images/homepage/homepage_bars_bg.png");
    background-repeat: no-repeat;
    padding: 0 20px 49px;
}
div#homepage_top_main div.tag_line_wrapper {
    padding: 76px 0 30px;
}
div#homepage_top_main div.tag_line_wrapper div.main_tag_line {
    font-size: 2.5em;
}
div#homepage_top_main div.tag_line_wrapper div.tag_description {
    font-size: 1.3em;
}
div#homepage_top_main div.homepage_start_button_wrapper {
    display: inline-block;
}
div#homepage_about_row {
    text-align: left;
}
div#homepage_about_row div.about_us_wrapper {
    display: table;
    height: 230px;
    width: 100%;
}
div#homepage_about_row div.about_us_content {
    margin: 0 auto;
    max-width: 990px;
}
div#homepage_about_row div.about_us {
    display: table-cell;
    padding: 0 20px 10px;
    vertical-align: middle;
    width: auto;
}
div#homepage_about_row div.about_us div.service_description {
    font-size: 0.9em;
    padding-right: 30px;
}
div#homepage_about_row div.our_features_wrapper {
    display: table-cell;
    vertical-align: middle;
    width: auto;
}
div#homepage_about_row div.our_features {
    display: table;
    margin: 0 auto;
}
div#homepage_about_row div.our_features_wrapper div.img_wrap {
    display: table-cell;
    margin: 0;
    vertical-align: top;
}
div#homepage_about_row div.our_features_wrapper div.img_wrap img {
    margin-top: 20px;
    padding-right: 1em;
    vertical-align: middle;
    width: 80px;
}
div#homepage_about_row div.our_features_wrapper ul {
    display: table-cell;
    vertical-align: middle;
}
div#homepage_about_row div.our_features_wrapper li {
    font-size: 1.2em;
    line-height: 1.7em;
}
div#homepage_recent_content {
    margin: 0 auto;
    max-width: 990px;
    padding: 0 20px 40px;
}
div#homepage_recent_content h3 {
    font-size: 1.7em;
    padding: 30px 0;
}
div#homepage_recent_content div.recent_activity_item {
    border-bottom: 1px solid #dfdfdf;
    display: table;
    margin-bottom: 30px;
    min-height: 70px;
    padding-bottom: 30px;
}
div#homepage_recent_content div.recent_activity_item_hidden {
    display: none;
}
div#homepage_recent_content div.recent_activity_text {
    color: #848484;
    display: table-cell;
    font-size: 1.5em;
    vertical-align: middle;
    width: 100%;
}
div#homepage_recent_content div.recent_activity_text a {
    color: #2c90d0;
    text-decoration: underline;
}
div#homepage_recent_content div.recent_activity_buttons {
    display: table-cell;
    min-width: 200px;
    text-align: right;
    vertical-align: middle;
}
div#homepage_recent_content div.recent_activity_buttons img {
    max-width: none;
    padding: 10px 20px 0;
}
div#advertisement_bottom_wrapper {
    margin: 0 auto;
    max-width: 990px;
}
}
@media screen and (min-width: 990px) {
div#homepage_top_main div.tag_line_left {
    display: table-cell;
    font-size: 1em;
    padding: 80px 70px 80px 62px;
    width: 50%;
}
div#about_us_wrapper div.our_features {
    font-size: 1.1em;
}
div#about_us_wrapper div.our_features img {
    margin: 0;
    width: 101px;
}
}
div#poll_maker {
    background-color: #ececec;
    padding: 0 16px 50px;
}
.top_error {
    font-size: 1em;
    margin-top: 6px;
}
div#poll_maker p.instructions {
    color: #8a8a8a;
    font-size: 0.9em;
    margin-bottom: 32px;
}
div#poll_maker p.instructions span {
    font-weight: bold;
}
div#poll_maker h1, div#poll_maker h2, div#poll_maker h3 {
    color: #548048 !important;
    display: inline-block;
    font-family: "Open Sans",sans-serif !important;
    font-size: 1.4em !important;
    font-weight: 100 !important;
    margin: 26px 0 8px;
}
div#poll_maker textarea#poll_question_large {
    background-color: #ffffff;
    border: 1px solid;
    color: #000000;
    display: block;
    font-family: inherit;
    font-size: 1.9em;
    margin-bottom: 6px;
    min-height: 40px;
    padding: 10px;
    resize: none;
    width: 100%;
}
div#poll_maker textarea#poll_question_large:hover, div#poll_maker textarea#poll_question_large:focus {
    background-color: #ffffff;
    border: 1px solid;
}
button.fancybutton, input.fancybutton {
    background: url("overlay.png") repeat-x scroll 0 0 #ff0000;
    border: medium none;
    border-radius: 6px;
    color: #000000;
    cursor: pointer;
    display: inline-block;
    padding: 5px 10px 6px;
    position: relative;
    text-decoration: none;
}
div.poll_button_wrapper {
    text-align: center;
}
div.poll_button_wrapper button#add_option {
    background-color: #b7b7b7 !important;
    font-size: 0.9em;
    font-weight: 600;
    margin-top: 5px;
    width: 100%;
}
div.poll_button_wrapper button#add_option:hover {
    background-color: #c5c5c5 !important;
}
ul#option_list {
    border-spacing: 6px;
    width: 100%;
}
ul#option_list > li {
}
ul#option_list > li > div.option_table_wrapper {
    display: table;
    position: relative;
}
ul#option_list > li label {
    display: table-cell;
    padding-right: 10px;
    vertical-align: middle;
    width: 2%;
}
ul#option_list > li input.poll_option {
    border: 1px solid #b7b7b7;
    display: table-cell;
    padding: 11px;
    vertical-align: middle;
    width: 100%;
}
ul#option_list > li a.delete_option {
    display: table-cell;
    vertical-align: middle;
    width: 26px;
}
ul#option_list > li a.delete_option img {
    border: 0 none;
    padding: 0 5px;
    vertical-align: middle;
}
ul#settings_list input[type="checkbox"] {
    display: inline-block;
    margin: 5px;
}
ul#settings_list label {
    display: inline-block;
    font-size: 0.9em;
    padding: 5px;
}
ul#poll_owner_details li {
    margin-bottom: 24px;
}
ul#poll_owner_details label {
    color: #000000;
    display: block;
    font-weight: 600;
    margin-bottom: 12px;
}
ul#poll_owner_details input[type="text"] {
    border: 1px solid #b7b7b7;
    display: block;
    margin-bottom: 6px;
    padding: 8px;
    width: 100%;
}
input#poll_submit {
    background-color: #658d5a !important;
    color: #ffffff;
    font-size: 1.2em;
    font-weight: 600;
    margin-top: 30px;
    padding: 10px 20px;
}
input#poll_submit:hover {
    background-color: #789b6f !important;
}
div#poll_preview_wrapper {
    display: block;
    vertical-align: top;
}
div#poll_preview {
    background-color: #cadef0;
    display: block;
    padding: 16px;
}
div#poll_preview h5 {
    color: #2c90d0 !important;
    font-family: "Open Sans",sans-serif !important;
    font-size: 1em !important;
    font-weight: 700 !important;
    margin-bottom: 16px;
}
ul#poll_preview_option_list {
    border-spacing: 5px;
    display: table;
    width: 100%;
}
ul#poll_preview_option_list li {
    display: table-row;
}
ul#poll_preview_option_list div.poll_checkbox_wrapper {
    display: table-cell;
    vertical-align: top;
    width: 20px;
}

ul#poll_preview_option_list div.poll_option_text_wrapper {
    display: table-cell;
    font-weight: 600;
    overflow: hidden;
    vertical-align: top;
}
ul#poll_preview_option_list li label {
    max-width: 300px;
    padding-bottom: 5px;
}
p#preview_poll_question {
    font-weight: bold;
    margin-bottom: 26px;
}
.option_error {
    background-color: #7b1010;
    border-spacing: 6px;
    color: #ffffff;
    display: table;
    font-size: 0.9em;
    width: 100%;
}
.option_error div.img_wrapper {
    display: table-cell;
    width: 22px;
}
.option_error img {
    padding-right: 4px;
    vertical-align: middle;
    width: 16px;
}
.option_error div.error_text {
    display: table-cell;
}
@media screen and (min-width: 900px) {
div#poll_maker {
    display: table-cell;
    max-width: 630px;
    padding: 0 32px 50px;
}
div#poll_maker p.instructions span {
    display: none;
}
div.poll_button_wrapper button#add_option {
    width: 70%;
}
div#poll_preview_wrapper {
    display: table-cell;
    max-width: 360px;
}
div#poll_preview {
    padding: 28px;
    width: 360px;
}
ul#poll_preview_option_list div.poll_option_text_wrapper {
    max-width: 270px;
}
ul#poll_owner_details input[type="text"] {
    display: block;
    padding: 5px;
    width: 70%;
}
ul#poll_owner_details .option_error {
    background-color: #7b1010;
    border-spacing: 6px;
    color: #ffffff;
    display: table;
    font-size: 0.9em;
    width: 70%;
}
}
div.poll_created_row {
    padding: 16px;
}
div.created_intro_wrapper {
    background-color: #ececec;
    padding-bottom: 32px;
}
div.created_intro_wrapper h2 {
    color: #548048 !important;
    display: inline-block;
    font-family: "Open Sans",sans-serif !important;
    font-size: 1.4em !important;
    font-weight: 100 !important;
    margin: 0 0 8px;
}
div.created_intro_wrapper p {
    color: #8a8a8a;
    font-size: 0.9em;
}
div.created_url_wrapper {
    background-color: #cadef0;
    padding-bottom: 50px;
    padding-top: 50px;
    text-align: center;
}
div.created_url_wrapper h3 {
    color: #2c90d0;
}
div.created_url_wrapper a {
    color: #000000;
    display: block;
    font-size: 1.4em;
    word-wrap: break-word;
}
div.created_ticks_wrapper {
    background-color: #548048;
    color: #ffffff;
    padding-bottom: 40px;
    padding-top: 40px;
    text-align: center;
}
div.created_ticks_wrapper div.do_tick {
    background-image: url("../images/created/do_tick.png");
    background-position: left center;
    background-repeat: no-repeat;
    display: inline-block;
    font-size: 1.2em;
    margin: 0 0 10px;
    max-width: 300px;
    min-height: 41px;
    padding: 10px 0 0 60px;
}
div.pollvote_urls_wrapper {
    background-color: #ffffff;
    padding-bottom: 0 !important;
    text-align: center;
}
div.pollvote_urls_wrapper h4 {
    color: #548048 !important;
    display: inline-block;
    font-family: "Open Sans",sans-serif !important;
    font-size: 1.4em !important;
    font-weight: 100 !important;
    margin: 0 0 8px;
}
div.pollvote_urls_wrapper p {
    color: #8a8a8a;
    font-size: 0.9em;
    margin-bottom: 20px;
}
div.pollvote_urls_wrapper div.pollvote_urls {
    border-top: 1px solid #ececec;
    position: relative;
}
div.pollvote_urls_wrapper div.pollvote_urls_row {
    border-bottom: 1px solid #ececec;
    padding: 20px 0;
}

div.pollvote_urls_wrapper div.pollvote_url {
    font-weight: 700;
    padding: 5px;
    word-wrap: break-word;
}
div#created_share_button_wrapper {
    background-color: #ffffff;
    text-align: center;
}
div#created_share_button_wrapper h4 {
    display: block;
    font-size: 1.2em;
}
div#created_share_button_wrapper p {
    color: #8a8a8a;
    font-size: 0.9em;
    padding-bottom: 10px;
}
div.created_share_button {
    margin-bottom: 5px;
    overflow: hidden;
    position: relative;
}
div.created_share_button span {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 100;
}
div.created_share_button > img {
    max-height: 50px;
}

@media screen and (min-width: 600px) {
div.poll_created_row {
    padding: 32px;
}
div.created_url_wrapper {
    padding-bottom: 80px;
    padding-top: 80px;
}
div.created_url_wrapper h3 {
    font-size: 1.3em;
}
div.created_url_wrapper a {
    font-size: 2em;
}
div.created_ticks_wrapper div.do_tick {
    margin: 0 20px 10px 0;
}

div#created_share_button_wrapper h4 {
    padding: 0 0 12px;
    text-align: center;
}
div.created_share_button {
    display: inline-block;
    padding: 0px;
}
div.created_share_button > img {
    max-height: 80px;
}
div.pollvote_urls_wrapper div.pollvote_urls {
    margin: 10px auto;
    text-align: left;
}
div.pollvote_urls_wrapper div.pollvote_option_text {
    display: inline-block;
    padding: 20px;
    vertical-align: top;
    width: 60%;
}
div.pollvote_urls_wrapper div.pollvote_url {
    display: inline-block;
    padding: 20px;
    text-align: center;
    vertical-align: top;
    width: 40%;
}
}
div.poll_taking_row {
    padding: 16px;
}
div.poll_taking_intro_wrapper {
    background-color: #ececec;
    padding-bottom: 32px;
}
div.poll_taking_intro_wrapper h2 {
    color: #0d3064 !important;
    display: inline-block;
    font-family: "Open Sans",sans-serif !important;
    font-size: 1.8em !important;
    font-weight: 100 !important;
    margin: 0 0 8px;
}
div.poll_taking_intro_wrapper p {
    color: #8a8a8a;
    font-size: 0.9em;
}
div.poll_taking_wrapper {
    background-color: #cadef0;
    position: relative;
}
div.poll_taking_wrapper h3.poll_question {
    color: #0d3064 !important;
    display: block;
    font-family: "Open Sans",sans-serif !important;
    font-size: 1.6em !important;
    font-weight: 100 !important;
    margin: 0 0 15px;
}
div.poll_taking_wrapper div#poll_wrapper {
    margin-bottom: 20px;
    vertical-align: top;
}
ul#poll_options_list {
	
	
    border-spacing: 5px;
    display: table;
}
ul#poll_options_list li {
    display: table-row;
    position: relative;
}
ul#poll_options_list div.poll_checkbox_wrapper {
    display: table-cell;
    vertical-align: top;
    width: 20px;
}

ul#poll_options_list div.poll_option_text_wrapper {
    display: table-cell;
    font-weight: 600;
    overflow: hidden;
    vertical-align: top;
}
ul#poll_options_list li label {
    display: block;
    padding-bottom: 5px;
}
div.poll_taking_wrapper div#poll_wrapper input#poll_vote_button {
    background-color: #ffffff;
    font-weight: 800;
    margin-top: 20px;
}
div.poll_taking_wrapper a#view_results {
    font-size:1.2em;
    padding: 4px 12px;
    vertical-align: middle;
}
div.poll_taking_wrapper div#poll_advert_wrapper {
    overflow: hidden;
    text-align: left;
    vertical-align: top;
}
div.poll_taking_create_own_wrapper {
    background-color: #548048;
    color: #ffffff;
    padding-bottom: 40px;
    padding-top: 40px;
    text-align: center;
}
div.poll_taking_create_own_wrapper a {
    color: #ffffff;
    font-size: 1.2em;
}
.poll_taker_error {
    background-color: #7b1010;
    border-spacing: 6px;
    color: #ffffff;
    display: table;
    font-size: 0.9em;
    margin-bottom: 20px;
    width: 100%;
}
.poll_taker_error div.img_wrapper {
    display: table-cell;
    width: 22px;
}
.poll_taker_error img {
    padding-right: 4px;
    vertical-align: middle;
    width: 16px;
}
.poll_taker_error div.error_text {
    display: table-cell;
}
ul#poll_results_list div.option_text {
    font-weight: 800;
    margin-bottom: 5px;
}
ul#poll_results_list div.percentage_bar {
    background-color: #16417d;
    margin-bottom: 4px;
    min-height: 20px;
    min-width: 1%;
    width: 100%;
}
ul#poll_results_list div.vote_info {
    color: #115d8e ;
    font-size: 0.9em;
    margin-bottom: 22px;
}
a#back_to_voting {
    font-size: 1.2em;
    padding: 4px 12px 20px 0;
    vertical-align: middle;
}
div.poll_confirm_vote_wrapper {
    background-color: #efd453;
    color: #bc2c1d;
    margin-bottom: 10px;
    padding-bottom: 28px;
    padding-top: 28px;
    text-align: center;
}
div.poll_confirm_vote_wrapper p.confirm_option_text {
    color: #911e12;
    font-weight: 800;
    margin: 10px 0 30px;
}
button#confirm_button {
    background-color: #ab2a1d;
    border: 0 none;
    border-radius: 5px;
    color: #ffffff;
    display: block;
    font-size: 1.4em;
    font-weight: 400 !important;
    margin: 0 auto 20px;
    min-width: 100%;
    overflow: hidden;
    padding: 14px 16px;
    text-align: center;
}
button#confirm_button:hover {
    background-color: #bc2c1d;
}
div.poll_confirm_vote_wrapper p.confirm_choose_other {
    font-size: 0.72em;
}
@media screen and (min-width: 600px) {
div.poll_taking_intro_wrapper {
    padding: 32px;
}
div.poll_taking_wrapper div#poll_wrapper {
    padding: 20px;
    vertical-align: top;
}
button#confirm_button {
    max-width: 40%;
    min-width: 40%;
}
}

div.about_us_row_content_wrapper {
    margin: 0 auto;
    padding: 14px;
}
div.about_us_row_white {
    background-color: #ffffff;
}
div.about_us_row_light_grey {
    background-color: #f2f2f2;
}
div.about_us_row_dark_grey {
    background-color: #e3e3e3;
}
div.about_us_row_green {
    background-color: #779e6c;
}
h1.about_us_main_header {
    color: #2c90d0;
    font-size: 1.5em;
    margin: 20px 0;
}
p.about_us_main_paragraph {
    color: #000000;
    font-size: 1.1em;
    margin-bottom: 10px;
}
h2.about_us_second_header {
    color: #2c90d0;
    font-size: 1.1em;
    font-weight: 200;
    margin-bottom: 20px;
}
h3.about_us_section_header {
    color: #000000;
    font-size: 1.4em;
    margin: 20px;
    vertical-align: top;
}
p.about_us_section_paragraph {
    font-size: 1.2em;
    font-weight: 100;
    margin-bottom: 16px;
    vertical-align: top;
}
p.about_us_free_fuzzy {
    color: #ffffff;
    font-size: 1.4em;
    font-weight: 200;
}
a#about_us_start_link {
    color: #2c90d0;
    display: block;
    font-size: 1.4em;
    padding: 20px 0;
}
div.about_us_fuzzy_wrapper {
    padding-bottom: 40px;
    padding-top: 40px;
    text-align: center !important;
}
div#about_us_link_row {
    margin: 0 auto;
    padding: 14px;
}
@media screen and (min-width: 600px) {
div.about_us_row {
    padding: 60px 0;
}
div.about_us_header {
    text-align: center !important;
}
div.about_us_row_content_wrapper {
    display: table;
    max-width: 990px;
    text-align: left;
}
h1.about_us_main_header {
    font-size: 1.8em;
}
p.about_us_main_paragraph {
    font-size: 1.5em;
}
h2.about_us_second_header {
    font-size: 2.4em;
}
p.about_us_section_paragraph {
    font-size: 1.5em;
    line-height: 1.5em;
    text-align: justify;
}

.wh_transf{ width:100%;}
}

.box01 li {position:relative;}

.border{position:relative;}
.color_box_red{position:absolute; left:0; bottom:0; background:#ff0000; padding:3px 10px; text-transform:uppercase; z-index:2; opacity:0.7; color:#fff;}
.color_box_green{position:absolute; left:0; bottom:0; background:#13ae22; padding:3px 10px; text-transform:uppercase; z-index:2; opacity:0.7; color:#fff;}
.color_box_blue{position:absolute; left:0; bottom:0; background:#0066ff; padding:3px 10px; text-transform:uppercase; z-index:2; opacity:0.7; color:#fff;}

.border2{position:relative;}
.border2 .color_box_red{position:absolute; left:0; bottom:0; background:#ff0000; padding:3px 10px; text-transform:uppercase; z-index:2; opacity:0.7; color:#fff;}
.border2 .color_box_green{position:absolute; left:0; bottom:0; background:#13ae22; padding:3px 10px; text-transform:uppercase; z-index:2; opacity:0.7; color:#fff;}
.border2 .color_box_blue{position:absolute; left:0; bottom:0; background:#0066ff; padding:3px 10px; text-transform:uppercase; z-index:2; opacity:0.7; color:#fff;}

.red_border{border:2px solid #ff0000; position:absolute; left:0; top:0; bottom:0; right:0; z-index:1;}
.blue_border{border:2px solid #0066ff; position:absolute; left:0; top:0; bottom:0; right:0;z-index:1}
.green_border{border:2px solid #13ae22; position:absolute; left:0; top:0; bottom:0; right:0;z-index:1}
.b_ppp{float:right;}

.border2 {position:relative;position: relative;width: 135px;height: 100px;float: right;}
.border2 .red_border{border:2px solid #ff0000; position:absolute; left:0; top:0; bottom:0; right:0;z-index:1}
.border2 .blue_border{border:2px solid #0066ff; position:absolute; left:0; top:0; bottom:0; right:0;z-index:1}
.border2 .green_border{border:2px solid #13ae22; position:absolute; left:0; top:0; bottom:0; right:0;z-index:1}

.border3 {position:relative;position: relative;width: 145px;height: 100px;float: right;}
.border3 .red_border{border:2px solid #ff0000; position:absolute; left:0; top:0; bottom:0; right:0;z-index:1}
.border3 .blue_border{border:2px solid #0066ff; position:absolute; left:0; top:0; bottom:0; right:0;z-index:1}
.border3 .green_border{border:2px solid #13ae22; position:absolute; left:0; top:0; bottom:0; right:0;z-index:1}

.border4 {position:relative;position: relative;width: 100%; height:200px;float: right;margin-bottom: 10px;}
.border4 .red_border{border:2px solid #ff0000; position:absolute; left:0; top:0; bottom:0; right:0;z-index:1}
.border4 .blue_border{border:2px solid #0066ff; position:absolute; left:0; top:0; bottom:0; right:0;z-index:1}
.border4 .green_border{border:2px solid #13ae22; position:absolute; left:0; top:0; bottom:0; right:0;z-index:1}