@charset "utf-8";
/* CSS Document */
.main_mag_header{ background:url(../images/bg_w_magazine.jpg) 0 0 no-repeat; min-height:580px;}
.magh_left,.magh_right{ width:60%; padding-top:40px; display:inline-block}
.magh_right{ margin-left:-4px; padding-top:40px; width:39%}
.magh_left h2{ margin:20px 0; padding:0; font-size:33px; line-height:46px; font-weight:bold; text-transform:uppercase; color:#003366}
.magh_left h2 span.big-font{ font-size:48px; color:#b81d21; }
.magh_left h2 span.big-font strong{color:#333; }
.magh_left h4{ margin:20px 0; padding:0; color:#003366; font-size:26px}
.magh_left ul.maglistings{ margin:20px 0; padding:0; list-style:none}
.magh_left ul.maglistings > li{ width:45%; position:relative; padding:5px 0 10px 25px; font-size:18px;display:inline-block; color:#222222}
.magh_left ul.maglistings > li:before{ content:""; width:9px; height:9px; border-radius:50%; background:#1360B6; position:absolute; top:20px; left:5px;}
.magh_left ul.maglistings > li:nth-child(2n){ margin-left:-4px}
a.click-read{ background-color:#124f84; color:#fff; padding:10px 20px; font-size:20px; font-weight:400; border-radius:3px; text-transform:uppercase; display:inline-block; margin-top:15px;}
a.click-read:hover{ background-color:#b81d21 }
.banner-r {  border: 2px solid #333333;  ;  margin-top: 20px;  position: relative;  width: 320px;}
.viewmagazine-btn {  background: rgba(0, 0, 0, 0) url("../images/viewmagazine-btn.png") no-repeat scroll left top;  bottom: 0;  height: 98px;  left: -12px;  position: absolute;  width: 118px;}
.viewmagazine-btn:hover {  background: rgba(0, 0, 0, 0) url("../images/viewmagazine-btn.png") no-repeat scroll right top;  height: 98px;}
.latest-maglist{ margin:40px 0}
.advertisewith-block{ background:#275199; padding:30px; text-align:center}
.advertisewith-block h2{ margin:0 0 20px 0; color:#fff; font-weight:bold; font-size:30px; text-align:center}
.advertisewith-block .advlink{ display:inline-block; color:#fff; padding:10px 30px; font-size:22px; font-weight:600; border:2px solid #fff; border-radius:4px; margin:5px 0; background:rgba(184,29,33,.2)}
.advertisewith-block:hover .advlink{background:rgba(184,29,33,1)}
.advertisewith-block p {  color: #e9e9e9;  font-size: 20px;  line-height: 28px;  margin-top: 15px;}
.advertisewith-block  p a{ color:#ffc343}
.advertisewith-block  p strong{ font-weight:600}
.advertisewith-block  p a:hover{ text-decoration:underline}
.gallery-images1 .item {  border: 1px solid #cccccc;  padding: 5px;}
.gallery-images1 .item .item-header {  height: 390px;  overflow: hidden;}
.gallery-images1 .item .item-content {  background: #eeeeee;  border-top: 2px solid #ffffff;  height: 39px;  overflow: hidden;  padding: 5px 10px;}
.gallery-images1 .item .item-content h4 {  font-size: 15px;  line-height: 20px;  font-weight: 600;  color: #111;}
.gallery-images1 .item .image-hover:hover img{transform:scale(1.1) rotate(0)}


@media(max-width:640px){
	.magh_left, .magh_right{ width:100%; display:block}
	.magh_left h2{ font-size:20px; margin-bottom:10px; line-height:26px;}
	.magh_left h2 span.big-font{ font-size:24px;}
	.magh_left h4{ font-size:18px; margin-bottom:10px;}
	.magh_left ul.maglistings > li{ width:40%; padding:2px 0 5px 30px; font-size:15px;}
	.magh_left ul.maglistings{ margin:10px 0}
	.magh_left ul.maglistings > li::before{ top:14px;}
	.magh_left, .magh_right{ padding-top:10px;}
	.banner-r{ margin-top:0}
	}
	
	@media( min-width:1170px){
		.magh_left{ width:44%; margin-left:5%;}
		.magh_left{ width:50%}
		.magh_left ul.maglistings > li{ width:43%}
		}