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

@media screen and (max-width: 600px) {
/*for homepage*/
.left,.right,.content,.in-case{overflow:hidden;}
.wp{ width:96%; padding:0 2%;}
.date,.top{ display:none;}
.right,.left{ float:none;}
.top-right,.special-width-bigimg .narrow-list,.thumnail-list,.picture,.picture .pic1 img,.right,.picture .pic2 img{ width:100%;}
.logo,.md-right,.search,.md-right .sns,.left,.wider-column-list,.left .img-summary img { float:none; margin-bottom:7px;}
.logo,.md-right { width:100%; text-align:center;}
.md-right .sns{ margin:0 auto;}
.logo a{ width:100%; background:url(../images/logo-moblie.png) center center no-repeat; display:block; margin-bottom:10px;}
.search input.submit{ top:6px;}
.search{ float:right; margin-top: 3%;}

.wider-column-list,.tag-summary,.narrow－list{ width:98%; padding:0 1%;}
.img-1,.img-4,.img-2{ height:auto;width:100%;}
.img-3{ margin-bottom:10px;}
.title-summary-list{border-top: 1px solid #e5e5e5; padding-top:10px; margin-top:10px;}
.img-5,.thumnail-list li{ width:45%;}
.thumnail-list li.list-odd{ margin-right:2%;}
.hd{ margin-bottom:0;}
.nav-bar { 	position: absolute;	top:107px; left:3%;	min-height: 40px;background:#fff;}
.nav li {display: none; float:none; /* hide all <li> items */	margin: 0; background:#fff; height:40px;width:175px;}
.nav-bar .current {display: block; /* show only current <li> item */}
.nav li a {	display: block;padding: 0 15px;	text-align: left;line-height:40px; height:40px; }
.nav-bar li.current a {background: url(../images/icon-menu.png) no-repeat 144px 14px #ff6000 ;padding: 0 0 0 15px;}
.nav-bar ul:hover li {display: block;border-bottom:1px solid #ccc;}
.nav-bar ul:hover .current {background: url(images/icon-check.png) no-repeat 10px 2px;	}
.thumnail-list li:nth-child(even):after{ clear:both;}
/* right nav */
.nav.right ul {left: auto;	right: 0;}

/* center nav */
.nav.center ul {left: 50%;	margin-left: -90px;}
.narrow－list,.left .tag-summary{ float:none;}
.special-width-bigimg .wider-column-list { width: 100%;}

/*video*/
.special-width-bigimg .wider-column-list,.wider-column-list{ float:none;}
.video .wider-column-list a.player{ top: 136px;}
.special-width-bigimg .narrow－list, .video-list li {width: 100%;}
.thumnail-list li a img{ height:97px; width:100%;}
.video-list a.player{top:60px;}
/*ADS*/
#adunit_main_center_bottom_computer{ display:none;}
.wider-column-list,.narrow－list{ width:100%; float:none;}
.in-case .section-title{ width:100%;}
.md-right{ margin-bottom:30px; position:relative;}
.search{width: 40%; /*position:absolute; left:235px;*/}
.search input.submit {left: 86%;}
.search input.searchbox {width: 94%;}
.img2-summary {border-bottom: 1px solid #e5e5e5;padding-bottom: 10px;}
.nav li a{font-size:14px;}
.in-case ul li{ width:48%; margin-right:0; margin-bottom:5px;}
.in-case ul li a img{ width:100%;}
.in-case ul li:after { content:'';display:block;clear: both; height:0;}
.in-case ul li:nth-child(odd){ margin-right:2%;}
.right .most-popular .img-list .list-left{ width:70%;}
.copy-right{ width:100%;text-align:center; float:none;}
.copy-right .logo{ margin:0 auto;}
.footer{ height:230px; background:none repeat scroll 0 0 #e5e5e5;}
.link{ float:none; display:none;}
.about-us{padding-left: 2%; float:none;}
.about-us li{ width:49%; margin-right:0;}
.samller-img-news .img-summary a img{ width:100%; height:auto; margin-top:10px;}
 /*Right*/
 .right .img-list .list-left { width:63%; margin-right:2%;}
 .right .tag-summary {width: 50%;}
 .right .samller-img-news .img-summary a img{ width:45%; height:auto;}
     
/*article start*/
.photo_slide ul li img{ width:98%;}
.date,.top-right{ display:none;}
.right,.left{ float:none; width:100%;}
.logo,.md-right { width:100%; text-align:center;}
.md-right .sns{ margin:0 auto; float:none;}
.logo a{ width:100%; background:url(../images/logo-moblie.png) center center no-repeat; display:block; margin-bottom:10px;}
.nav li {display: none; float:none; /* hide all <li> items */margin: 0; background:#fff; height:40px; width:170px;	}
.nav-bar .current {display: block; /* show only current <li> item */	}
.nav li a {display: block; padding: 0 15px; text-align: left;	line-height:40px; height:40px;font-size:14px;}
.nav-bar li.current a {background: url(../images/icon-menu.png) no-repeat 144px 14px #ff6000 ;padding: 0 42px 0 15px;}
.nav-bar ul:hover li {	display: block;border-bottom:1px solid #ccc;}
.nav-bar ul:hover .current {background: url(images/icon-check.png) no-repeat 10px 2px;}
.article_facebook { float: none;  width: 100%; height:auto; margin-top: 10px;}
.tag-link p{ height:100px;}
.commend a{ margin-right:10px;}
.commend {float: left;}
.tag-link{ margin-top:10px;}
/* right nav */
.nav.right ul {left: auto; right: 0;}
#adunit_article_center_top_computer,.breadcrumb,#adunit_article_center_bottom_computer,#anotherBox,.adunit_leaderboard{ display:none;}
.article-body{ margin-top:30px;}
.may-like,.recommended-for-you{ width:100%;}
.top-right,.special-width-bigimg .narrow-list,.thumnail-list,.picture,.picture .pic1 img,.right,.picture .pic2 img{ width:100%;}
.left .all-list{ padding-top:40px;}
.section-list-title｛font-size:3em;｝
.list-right,.section-list2 .list-right,.article_facebook,#adunit_article_center_middle1_computer,#adunit_article_center_middle2_computer{ float:none; width:98%;}
    
.md-right{ margin-bottom:30px; position:relative;}
.search{width: 40%; /*position:absolute; left:235px;*/ margin-top:14px;}
.search input.submit {left: 86%;}
.search input.searchbox {width: 100%;}
.in-case .section-title{ width:100%;}
.left,.right,.content,.in-case{overflow:hidden;}
.nav li a{font-size:14px;}
.in-case ul li,.may-like li,.recommended-for-you li,.recommended-for-you li{ width:48%; margin-right:0; margin-bottom:10px;}
.in-case ul li:nth-child(odd),.may-like li:nth-child(odd),.recommended-for-you li:nth-child(odd){ margin-right:2%;}
.in-case ul li a img, .may-like li a,.may-like li a img,.section-video-list li,.section-video-list li a{ width:100%;}
.section-video-list li a img{ width:380px;height: 223px;}

.in-case ul li:after,.tag-link:after，.may-like li:nth-child(3):after {content:'';display:block;clear: both; height:3px;}
.article-right .img-list .list-left{ width:72%;}
.related-news,.tag-link{ float:none; width:100%;}
.commend{ margin-top:10px;}
.copy-right{ width:100%;text-align:center; float:none;}
.copy-right .logo{ margin:0 auto;}
.footer{ height:230px; background:none repeat scroll 0 0 #474747;}
.link{ float:none; display:none;}
.about-us{padding-left: 2%; float:none;}
    .about-us li{ width:49%; margin-right:0;}
     /*Right*/
     .right .most-popular .img-list .list-left{ width:70%;}
     .right .img-list .list-left { width:63%; margin-right:2%;}
     .right .tag-summary {width: 50%;}
     .article-body .royalSlider,.article-body .rsDefault,#yibada-slider {width: 100%;}!important
     /*about us page*/
    .ab-nav li{ margin: 10px 20px 5px 0;}


	/*header*/
	.nav-bar,.search,.md-right,.share,.subscribe{ display:none;}
	.hd{background: #474747;margin-bottom:10px; height:50px;}
	.hd .logo { float:right; width:80%;}
	.middle {padding: 10px 0;}
	.m-hd {width: 60px;float: left;height: 50px;background: #838383;clear: both;text-align: center;position: relative;}
	.m-hd .ic-nav {background: url(../images/icon-menu.png) no-repeat center center;width: 60px;height: 50px;display: inline-block;
	text-indent: -9999px;cursor: pointer;/*position: absolute;top:10px;left: 0;*/}
    .m-bd{background: #ff6000;}
    .unit-nav .menu li{border-bottom: #ffa066 1px solid;padding: 7px 10px;font-size: 1rem;}
    .unit-nav .menu li a{ color:#fff; text-transform: uppercase;}
    .unit-nav{background: #ff6000; padding: 10px;}
    .unit-nav .top-srch .input {font-size: 11px;line-height: 15px;color: #666;border: none;-webkit-border-radius: 2px;-moz-border-radius: 2px;
-ms-border-radius: 2px; border-radius: 2px;padding:7px 8px;background: #eee;}
    .unit-nav .top-srch .btn {font-size: 11px;line-height: 15px;font-weight: bold;text-transform: uppercase;color: #ff6000;text-align: center;
    border: none;-webkit-border-radius: 2px;-moz-border-radius: 2px;-ms-border-radius: 2px;border-radius: 2px;background: #fff;
    cursor: pointer;padding: 8px 10px; margin-left: 5px;}
    /*fullsite*/
    .unit-flink { width: 100%;/* float: left; height: 45px;*/clear: both; text-align:center; background: #ff6000;}
    .unit-flink a {line-height: 45px; display: block;text-transform: uppercase;color: #fff;}
    .unit-flink .full {background: url(../images/m-icons.png) no-repeat -70px -60px;width: 20px;height: 20px;display: inline-block;vertical-align: middle;
margin-right: 5px;}
/*listpage*/
.section-list img,.section-list2 .list-right,.section-list2 img{ width:100%; height:auto;}
.section-list2 img,.section-list img{margin-bottom: 5%;}
.section-list-title{ font-size:2em;}
.list-right p{ font-size:1em;}

.in-case ul li{ height:230px;}

/* Video object */
div.article-body object { height: 240px; }


}