body{
	background: #fff;
	color: #000;
}
a{
	color: #000; 
} 
.detail-container a{
    color: #23527c!important;
}
a:hover {
	text-decoration: none; 
} 
ul, li {
	list-style: none;
}
#portalMenu {
	height: 25px;
	position: fixed;
	top: 0;
	z-index: 10000;
	background-color: #EEE;
	left: 0px;
	right: 40px;
	width:auto;
}

#tablet_menu{
	width: 100%;
	height: 25px;
	position: fixed;
	top: 0;
	z-index: 10000;
	background-color: #EEE;
}

#tablet_menu #menuItemSMag a {
	display: block;
	float: left;
	width: 170px;
	height: 25px;
	background: url("http://sys.my-magazine.me/images/smag.png") 0 0 no-repeat;
}

#tablet_menu #menuItemEW a {
	display: block;
	float: left;
	width: 60px;
	height: 25px;
	background: url("http://sys.my-magazine.me/images/eastweek.png") 0 0 no-repeat;
}

#tablet_menu #menuItemEW a:hover {
	background-position: 0 -50px;
}

#tablet_menu #menuItemEW a.portalMenuItemSelected, #portalMenu #menuItemEW a:hover.portalMenuItemSelected {
	background-position: 0 -25px;
}

#tablet_menu #menuItemET a {
	display: block;
	float: left;
	width: 80px;
	height: 25px;
	background: url("http://sys.my-magazine.me/images/easttouch.png") 0 0 no-repeat;
}

#tablet_menu #menuItemET a:hover {
	background-position: 0 -50px;
}

#tablet_menu #menuItemET a.portalMenuItemSelected, #portalMenu #menuItemET a:hover.portalMenuItemSelected {
	background-position: 0 -25px;
}

#tablet_menu #menuItemPCM a {
	display: block;
	float: left;
	width: 100px;
	height: 25px;
	background: url("http://sys.my-magazine.me/images/pcm.png") 0 0 no-repeat;
}

#tablet_menu #menuItemPCM a:hover {
	background-position: 0 -50px;
}

#tablet_menu #menuItemPCM a.portalMenuItemSelected, #portalMenu #menuItemPCM a:hover.portalMenuItemSelected {
	background-position: 0 -25px;
}

#tablet_menu #menuItemCB a {
	display: block;
	float: left;
	width: 115px;
	height: 25px;
	background: url("http://sys.my-magazine.me/images/cazbuyer.png") 0 0 no-repeat;
}

#tablet_menu #menuItemCB a:hover {
	background-position: 0 -50px;
}

#tablet_menu #menuItemCB a.portalMenuItemSelected, #portalMenu #menuItemCB a:hover.portalMenuItemSelected {
	background-position: 0 -25px;
}

#tablet_menu #menuItemJET a {
	display: block;
	float: left;
	width: 45px;
	height: 25px;
	background: url("http://sys.my-magazine.me/images/jet.png") 0 0 no-repeat;
}

#tablet_menu #menuItemJET a:hover {
	background-position: 0 -50px;
}

#tablet_menu #menuItemJET a.portalMenuItemSelected, #portalMenu #menuItemJET a:hover.portalMenuItemSelected {
	background-position: 0 -25px;
}

#tablet_menu #menuItemSP a {
	display: block;
	float: left;
	width: 90px;
	height: 25px;
	background: url("http://sys.my-magazine.me/images/spiral.png") 0 0 no-repeat;
}

#tablet_menu #menuItemSP a:hover {
	background-position: 0 -50px;
}

#tablet_menu #menuItemSP a.portalMenuItemSelected, #portalMenu #menuItemSP a:hover.portalMenuItemSelected {
	background-position: 0 -25px;
}

#tablet_menu #menuItemFH a {
	display: block;
	float: left;
	width: 67px;
	height: 25px;
	background: url("http://sys.my-magazine.me/images/forher.jpg") 0 0 no-repeat;
}

#tablet_menu #menuItemFH a:hover {
	background-position: 0 -50px;
}

#tablet_menu #menuItemFH a.portalMenuItemSelected, #portalMenu #menuItemFH a:hover.portalMenuItemSelected {
	background-position: 0 -25px;
}

#tablet_menu #menuItemRight .corplogo {
	display: block;
	float: left;
	width: 80px;
	height: 25px;
	margin: 0px 5px 0px 5px;
	background: url(http://sys.my-magazine.me/images/corplogo.png) no-repeat top;
}

#tablet_menu #menuItemRight .searchBox {
	display: block;
	float: left;
	width: 115px;
	height: 19px;
	border: 1px solid #BCBDBF;
	margin: 2px 2px 0 0;
	background-color: #FFF;

}

#tablet_menu  .searchBox .searchBoxText {
	float: left;
	display: block;
	border: 0;
	background-color: #FFF;
	width: 94px;
	margin: 2px 2px 0px 2px;
	font-size: 12px;
	color: #777;
	line-height:21px;
}

#tablet_menu .menuItemRight {
	display: block;
	float: right;
	font-size:12px;
}
.ad-area{
    width: 100%;
    height: 90px;
    float: left;
    margin: 30px auto;
    text-align: center;
} 
.ad-area-related-article{
    width: 100%;
    height: 90px;
    float: left;
    margin: 0px auto 20px;
    text-align: center;
} 
.ad-area-related-article2{
    width: 100%;
    height: 90px;
    float: left;
    margin: 0px auto 0px;
    text-align: center;
} 
.pagination-container .pagination{
	text-align: center;
	margin: 0 auto 30px;
	padding: 0;
	width: 140px;
}
.pagination-container .pagination .PagedList-skipToNext{
    list-style-type: none;
    display: block;
}
.pagination-container .pagination .PagedList-skipToNext #nextpage{
    font-size: 16px;
    line-height: 1.2em;
    font-weight: normal;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    padding: 3px;
    text-decoration: none;
    width: 140px;
    border: 0;

}
#submenu{
    min-height: 30px;
    padding: 10px 0;
    width: 100%;
	text-align: center;
	display: inline-block;
}
#submenu ul {
    list-style: none;
    text-align: center;
	display: inline-block;
    padding: 0;
    margin: 0;
}
#submenu ul li{
	display: inline-block;
	padding: 0 5px;
	font-size: 16px;
}
#submenu ul li a{
    color: #727272;
    text-decoration: none;
    font-size: 16px;
	vertical-align: middle;
}
#submenu li a:hover
{
	border-top: solid 1px #727272;
	border-bottom: solid 1px #727272;
}

#submenu .active {
	border-top: solid 1px #727272;
	border-bottom: solid 1px #727272;
	pointer-events: none;
	cursor: default;
}
.show_more{
    width: 100px;
    text-align: center;
    padding: 5px;
    cursor: pointer;
    margin: 0 auto;
}
.ad_leaderboard{
	width: 728px;
	height: 90px;
	border: 0px;
	overflow: hidden;
	margin: 0 auto;
}
.ad_medium_rectangle{
	width: 300px;
	height: 250px;
	border: 0px;
	overflow: hidden;
	position: relative;
}
/* .whats_hot{
	font-size: 32px;
	font-weight: bold;
	text-align: center;
	width: 100%;
	padding: 0 0 5px 0;
	line-height: 32px;
	float: left;
}
.whats_hot img {
	width: 100%;
    max-width: 318px;
} */
.article-prev-next{
	width: 302px;
	margin: 25px auto;
	display: flex;
}
.article-prev{
	width: 135px;
	display: inline-block;
	text-align: center;
	margin-right: 32px;
}
.article-next{
	width: 135px;
	display: inline-block;
	text-align: center;
}
.article-photoalbum{
	float: left;
}
.status a, .status a:hover{
	color: #fff;
	text-decoration: none;
}
#timer-image{
	display: none;
}
.timer{
	display: none;
	height: 18px;
	font-size: 14px;
	vertical-align: middle;
}
#hide-films{
	float: left;
	width: 100%;
	text-align: center;
	height: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #727171;
}
#hide-films img{
	cursor: pointer;
}	
.common_head{
    color: #000;
    margin: 15px 0;
    font-size: 22px;
    font-weight: bold;
    display: inline-block;
}
#buttonPay{
	font-size: 15px;
	background: #000;
	color: #fff;
	width: 100px;
	font-weight: normal;
	text-align: center;
	height: 23px;
	line-height: 21px;
	padding: 0px;
	cursor: pointer;
}
#buttonContinue{
	font-size: 15px;
	background: #000;
	color: #fff;
	width: 140px;
	font-weight: normal;
	text-align: center;
	height: 23px;
	line-height: 23px;
	padding: 0px;
}
#buttonContinue a, #buttonContinue a:hover{
	color: #fff;
	text-decoration: none;
}
.seo_keyword, .seo_keyword a{
	color: #717171;
}
.video-play-icon img{
	width: 44px;
	height: 31px;
}
.home-listivew-col3 .video-icon{
	position: absolute;
	bottom: 15px;
	right: 15px;
}
.home-listivew-col3 .video-icon img{
	margin: 0!important;
	padding: 0!important;
	width: 69px;
    height: 48px;
    min-height: 48px!important;
}
.home-magazine .inactive, .home-banner .inactive, .home-banner-mobile .inactive, .pager-button-basel .inactive{
    opacity: 0.5;
}
a:active{
	background: transparent!important;
}
.latest-listivew-col2 .mask{
	cursor: pointer;
	height: 100%;
	position: absolute;
	width: 100%;
	top: 0;
}
.latest-article-col2 a:hover > .latest-listivew-col2 .mask{
	background-color: rgba(0,0,0,0.5);
}
.latest-article-col2 a:hover > .latest-listivew-col2 img{
	/* transform: scale(1.2,1.2); */
	/* transition: ease-out 500ms; */
	/* -ms-transform: scale(1.2,1.2); */
	/* -webkit-transform: scale(1.2,1.2); */
	/* -webkit-transition: ease-out 500ms; */
}
.latest-listivew-col3 .mask{
	cursor: pointer;
	height: 100%;
	position: absolute;
	width: 100%;
	top: 0;
}
.latest-article-col3 a:hover > .latest-listivew-col3 .mask{
	background-color: rgba(0,0,0,0.5);
}
.latest-article-col3 a:hover > .latest-listivew-col3 img{
	/* transform: scale(1.2,1.2); */
	/* transition: ease-out 500ms; */
	/* -ms-transform: scale(1.2,1.2); */
	/* -webkit-transform: scale(1.2,1.2); */
	/* -webkit-transition: ease-out 500ms; */
}
.article-listivew-col3 .mask, .search-listivew-col3 .mask{
	cursor: pointer;
	height: 100%;
	position: absolute;
	width: 100%;
	top: 0;
}
.article-col3 a:hover > .article-listivew-col3 .mask, .search-col3 a:hover > .search-listivew-col3 .mask{
	background-color: rgba(0,0,0,0.5);
}
.article-col3 a:hover > .article-listivew-col3 img, .search-col3 a:hover > .search-listivew-col3 img {
	/* transform: scale(1.2,1.2); */
	/* transition: ease-out 500ms; */
	/* -ms-transform: scale(1.2,1.2); */
	/* -webkit-transform: scale(1.2,1.2); */
	/* -webkit-transition: ease-out 500ms; */
}
.article-listivew-col4 .mask{
	cursor: pointer;
	height: 100%;
	position: absolute;
	width: 100%;
	top: 0;
}
.article-col4 a:hover > .article-listivew-col4 .mask{
	background-color: rgba(0,0,0,0.5);
}
.article-col4 a:hover > .article-listivew-col4 img {
	/* transform: scale(1.2,1.2); */
	/* transition: ease-out 500ms; */
	/* -ms-transform: scale(1.2,1.2); */
	/* -webkit-transform: scale(1.2,1.2); */
	/* -webkit-transition: ease-out 500ms; */
}
.classic-issue{
	width: 100%;
    font-size: 20px;
    height: 48px;
    /* font-family: "Helvetica Roman",fantasy; */
    padding: 10px 0;
    overflow: hidden;
    font-weight: bold;
}
.subscription_fixed_icon{
	position: fixed;
    bottom: 15px;
    right: 15px;
    z-index: 11111;
	display: none; 
}

.play_btn{
	position:relative;
}
.play_btn:after{
	content:'';
	display:block;
	position:absolute;
	width:88px;
	height:88px;
	top:50%;
	left:50%;
	margin:-44px 0 0 -44px;
	background-image: url(http://eastweek.my-magazine.me/main/public/js/mediaelement/play_btn_off.png);
	background-size: 100%;
	pointer-events:none
}
.play_btn:hover:after{
	content:'';
	display:block;
	position:absolute;
	width:88px;
	height:88px;
	top:50%;
	left:50%;
	margin:-44px 0 0 -44px;
	background-image: url(http://eastweek.my-magazine.me/main/public/js/mediaelement/play_btn_on.png);
	background-size: 100%;

}

/* Small devices (tablets, 768px and up) */
@media (max-width: 767px) {
	td
	{
		word-break: break-word;
	}
	body
	{
		
	}
	.navbar
	{
		position: relative;
	}
/* 	.navbar #fb-button
	{
		padding: 0px 10px;
		position: absolute;
		right: 60px;
		top: 13px;
	} */
	.navbar-brand
	{
		float: left;
		height: 50px;
		font-size: 18px;
		line-height: 20px;
		padding: 0px 10px;
	}
	.navbar-brand img
	{
		height: 50px;
	}
	.navbar-default, .navbar-collapse {
		background-color: #fff;
		/* border-bottom-color: #000!important; */
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		border-color: #000;
	}
	.navbar-default .navbar-nav>li>a {
		color: #fff;
		padding: 5px;
	}
	#youtube-button{
		width: 27px;
		height: 27px;
		display:inline-block;
	}	
	#sina-button{
		width: 27px;
		height: 27px;
		display:inline-block;
	}	
	#fb-button{
		width: 27px;
		height: 27px;
		display:inline-block;
	}	
	#ig-button{
		width: 27px;
		height: 27px;
		display:inline-block;
	}	
	#search-button{
		width: 100%;
		height: 25px;
	}
	#search-button input{
		width: 100%;
		height: 25px;
		color: #727272;
	}
	#searchform{
		width: 100%;
		height: 25px;
		display: table;
	}
	#search-button img{
		outline: none;
		opacity: 1;
		margin-left: -22px;
		cursor: pointer;
		top: 5px;
	}	
	#wrap
	{
		margin: 0 auto;
		background: #fff;
		min-height: 300px;
		width: 300px;
		overflow: hidden
	}
	#footer
	{
		width: 100%;
		margin: 0px auto 0px;
		background: #eee;
		padding: 0px 0px 0px;
		border-top: 1px solid #000;
		float: left;
	}
	#footer .magazine
	{
		text-align: center;
		width: 300px;
		margin: 10px auto;
	}
	#footer .magazine ul
	{
		margin: 0px;
		padding: 0px;
	}	
	#footer .magazine li
	{
		display:inline-block;
		padding: 0px;
		width: auto;
		height: 27px;
		overflow: hidden;
		margin: 5px 0;
	}
	#footer .magazine li a
	{
		display:inline-block;
	}
	#footer .magazine li #footer-logo-01
	{
		background: url(../images/bottom_logo_01.png) no-repeat;
		width: 75px;
		height: 27px;
	}
	#footer .magazine li a#footer-logo-01:hover
	{
		background: url(../images/bottom_logo_01.png) no-repeat;
		background-position: 0px 100%;
	}
	#footer .magazine li #footer-logo-02
	{
		background: url(../images/bottom_logo_02.png) no-repeat;
		width: 112px;
		height: 27px;
	}
	#footer .magazine li a#footer-logo-02:hover
	{
		background: url(../images/bottom_logo_02.png) no-repeat;
		background-position: 0px 100%;
	}
	#footer .magazine li #footer-logo-03
	{
		background: url(../images/bottom_logo_03.png) no-repeat;
		width: 89px;
		height: 27px;
	}
	#footer .magazine li a#footer-logo-03:hover
	{
		background: url(../images/bottom_logo_03.png) no-repeat;
		background-position: 0px 100%;
	}
	#footer .magazine li #footer-logo-04
	{
		background: url(../images/bottom_logo_04.png) no-repeat;
		width: 73px;
		height: 27px;
	}
	#footer .magazine li a#footer-logo-04:hover
	{
		background: url(../images/bottom_logo_04.png) no-repeat;
		background-position: 0px 100%;
	}
	#footer .magazine li #footer-logo-05
	{
		background: url(../images/bottom_logo_005.png?v=31012018) no-repeat;
		width: 109px;
		height: 27px;
	}
	#footer .magazine li a#footer-logo-05:hover
	{
		background: url(../images/bottom_logo_005.png?v=31012018) no-repeat;
		background-position: 0px 100%;
	}	
	#footer .magazine li #footer-logo-06
	{
		background: url(../images/bottom_logo_06.png) no-repeat;
		width: 87px;
		height: 27px;
	}
	#footer .magazine li a#footer-logo-06:hover
	{
		background: url(../images/bottom_logo_06.png) no-repeat;
		background-position: 0px 100%;
	}
	#footer .magazine li #footer-logo-07
	{
		background: url(../images/bottom_logo_07.png) no-repeat;
		width: 97px;
		height: 27px;
	}
	#footer .magazine li a#footer-logo-07:hover
	{
		background: url(../images/bottom_logo_07.png) no-repeat;
		background-position: 0px 100%;
	}
	#footer .magazine li #footer-logo-08
	{
		background: url(../images/bottom_logo_08.png) no-repeat;
		width: 88px;
		height: 27px;
	}
	#footer .magazine li a#footer-logo-08:hover
	{
		background: url(../images/bottom_logo_08.png) no-repeat;
		background-position: 0px 100%;
	}
	#footer .magazine li #footer-logo-09
	{
		background: url(../images/bottom_logo_09.png) no-repeat;
		width: 81px;
		height: 27px;
	}
	#footer .magazine li a#footer-logo-09:hover
	{
		background: url(../images/bottom_logo_09.png) no-repeat;
		background-position: 0px 100%;
	}
	#footer .magazine li #footer-logo-10
	{
		background: url(../images/bottom_logo_10.png) no-repeat;
		width: 84px;
		height: 27px;
	}
	#footer .magazine li a#footer-logo-10:hover
	{
		background: url(../images/bottom_logo_10.png) no-repeat;
		background-position: 0px 100%;
	}	
	#footer .magazine li #footer-logo-11
	{
		background: url(../images/bottom_logo_11.png) no-repeat;
		width: 85px;
		height: 27px;
	}
	#footer .magazine li a#footer-logo-11:hover
	{
		background: url(../images/bottom_logo_11.png) no-repeat;
		background-position: 0px 100%;
	}	
	#copyright
	{
		text-align: center;
		font-size: 16px;
		padding: 10px;
		vertical-align: top;
		width: 100%;
	}
	#copyright ul
	{
		list-style: none;
		display: inline-block;
		margin: 0px;
		padding: 0px;
	}
	#copyright li
	{
		padding: 0px 5px;
		display: inline;
		font-size: 13px;
		border-right: solid 1px #000;
		float: left;
	}
	#copyright li a
	{
		color: #000;
		text-decoration: none;
	}
	#copyright li:last-child
	{
		border: none;
	}
	.waterwall{
		width: 100%;
		display: block;
		height: auto;
		overflow: hidden;
		margin-bottom: 10px;
	}
	.waterwall .masonrymobile{
		width: 640px;
		display: block;
		/* padding: 10px 0px; */
		position: relative;
		height: auto;
		max-width: 640px;
		margin: 0 auto;
	}
	.item{
		width: 98px; height: auto; float: left; overflow: hidden; position: relative;
	}
	.item-img{
		display: inline-block; max-width: 200px; max-height: 200px; vertical-align: middle;
	}
	.type1{
		width: 128px; height: 128px;
	}
	.type1 img{
		display: inline-block;  vertical-align: middle; min-height: 128px;
	}
	.type2{
		width: 256px; height: 256px;
	}
	.type2 img{
		display: inline-block;  vertical-align: middle; min-height: 256px;
	}
	.type3{
		width: 128px; height: 256px;
	}
	.type3 img{
		display: inline-block;  vertical-align: middle; min-height: 256px;  min-width: 128px;
	}
	.type4{
		width: 256px; height: 128px;
	}
	.type4 img{
		display: inline-block;  vertical-align: middle; min-height: 128px; min-width: 256px;
	}
	.type5{
		width: 256px; height: 333px;
	}/* 
	.type5 img{
		display: inline-block;  vertical-align: middle; min-height: 333px;
	} */
	.type6{
		width: 256px; height: 179px;
	}
	.type6 img{
		display: inline-block;  vertical-align: middle; min-height: 179px;
	}
	.item #details {
		display: none;
	}
	.item #background {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 0.8;
		background: #000;
	}
	.item #title {
		position: absolute;
		bottom: 0px;
		left: 0;
		padding: 0 5px;
		color: #fff;
		font-size: 14px;
		height: 23px;
		overflow: hidden;
		font-weight: bold;
	}
	.item #category {
		position: absolute;
		bottom: 25px;
		left: 0;
		color: #fff;
		font-size: 12px;
		line-height: 15px;
		padding: 0 5px;
		word-break: break-word;
		word-wrap: break-word;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
	}
	.magazine-cover{
		width: 100%;
		display: inline-block;
		float: left;
		/* padding: 10px 0; */
	}
	.magazine-cover img {
		width: 100%;
		height: auto;
		margin: 0!important;
	}
	#home-container{
		padding: 0px 0 0px;
	}
	.home-listivew{
		width: 300px;
		display: block;
		margin: auto 0px;
		float: left;
		padding: 10px 0 0px;
	}
	.home-listivew-second{
		width: 300px;
		display: block;
		margin: auto 0px;
		float: left;
	}
	.home-listivew-col3{
		width: 300px;
		margin: 0px;
		display: inline-block;
		/* height: 300px; */
		/* overflow: hidden; */
		position: relative;
		float: left;
	}
	.home-col3 #details{
		bottom: 0px;
		float: left;
		width: 100%;
		height: 120px;
		overflow: hidden;
		color: #fff;
		font-size: 16px;
		z-index: 10;
		background: #fff;
		/* position: absolute; */
	}
	.home-listivew-col3 .mask{
		cursor: pointer;
		height: 100%;
		position: absolute;
		width: 100%;
		top: 0;
	}
	.home-col3 a:hover > .home-listivew-col3 .mask{
		background-color: rgba(0,0,0,0.5);
	}
	.home-col3 a:hover > .home-listivew-col3 {
		/* transform: scale(1.2,1.2); */
		/* transition: ease-out 500ms; */
		/* -ms-transform: scale(1.2,1.2); */
		/* -webkit-transform: scale(1.2,1.2); */
		/* -webkit-transition: ease-out 500ms; */
	}
	.home-col3{
		display: inline-block;
		width: 300px;
		/* height: 280px; */
		float: left;
		/* overflow: hidden; */
		position: relative;
	}

	.home-col3 .home-article-title{
		width: 100%;
		height: 50px;
		float: left;
		font-size: 18px;
		font-weight: bold;
		overflow: hidden;
		color: #000;
	}
	.home-col3 .home-article-subtitle{
		width: 100%;
		height: 25px;
		float: left;
		font-size: 16px;
		font-weight: normal;
		overflow: hidden;
		color: #000;
		line-height: 16px;
	}
	.home-col3 #details #category, .home-col3 #details #category{
		width: 100%;
		height: 25px;
		line-height: 23px;
		font-size: 18px;
		margin: auto 0px;
		float: left;
		color: #000;
		border-bottom: 3px solid #000;
	}
	.home-col3-middle{
		margin: 0;
	}
	.whats_hot{
		display: inline-block;
		float: left;
		width: 300px;
		padding-top: 20px;
		overflow: hidden;
	}
	.whats_hot img{
		width: 300px;
		margin: 0 auto;
	}
	.whats-hot-container{
		float: left;
		width: 298px;
		margin: 0 0 0px 0;
		margin: 0 auto;
		display: block;
		border: 4px solid #000;
		border-top: 0;
	}
	.whats-hot{
		display: inline-block;
		float: left;
		width: 278px;
		height: 100px;
		margin: 5px 8px 5px;
		vertical-align: middle;
		border-bottom: 1px #8F8B8A dotted;
	}
	.whats-hot .mask{
		cursor: pointer;
		height: 100%;
		position: absolute;
		width: 100%;
		top: 0;
	}
	.whats-hot a:hover >  .image .mask{
		background-color: rgba(0,0,0,0.5);
	}
	.whats-hot a:hover > .image img {
		/* transform: scale(1.2,1.2); */
		/* transition: ease-out 500ms; */
		/* -ms-transform: scale(1.2,1.2); */
		/* -webkit-transform: scale(1.2,1.2); */
		/* -webkit-transition: ease-out 500ms; */
	}	
	.whats-hot-left{
		#margin-right: 10px;
	}
	.whats-hot .image{
		width: 130px;
		height: 86px;
		overflow: hidden;
		float: left;
		display: inline-block;
		position: relative;
	}
	.whats-hot .detail{
		width: 135px;
		height: 86px;
		padding: 0px;
		float: left;
		margin-left: 10px;
		position: relative;
	}
	.whats-hot .detail #category{
		font-size: 12px;
        padding-top: 10px;
		color: #8F8B8A;
	}
	.whats-hot .detail #title{
		max-height: 18px;
		overflow: hidden;
		font-size: 14px;
		line-height: 18px;
		overflow: hidden;
		color: #8F8B8A;
	}
	.whats-hot .detail #description{
		font-size: 16px;
		color: #9a9a9a;
		max-height: 65px;
		overflow: hidden;
	}
	.plane{
		width: 100%;
		height: 52px;
		/* margin: 0 0 15px 0; */
		background: url(../images/plane.png) no-repeat 100%;
		float: left;
	}
	.shortcut{
		width: 300px;
		margin: 0 auto;
		display: block;
		margin: 0 auto;
	}
	.shortcut img{
		width: 72px;
		padding-bottom: 5px;
	}
	#article-container{
		/* padding: 20px 0 0px; */
	}
	.article-listivew{
		width: 300px;
		display: block;
		margin: auto 0px;
	}
	.article-col3-middle{
		margin: 0 10px 0 0px
	}
	.article-listivew-col3{
		width: 300px;
		margin: 0px;
		display: inline-block;
		height: 190px;
		overflow: hidden;
		position: relative;
		float: left;
	}
	.article-listivew-col3 #details{
		position: absolute;
		bottom: 0px;
		margin: 3px;
		width: 294px;
		overflow: hidden;
		color: #fff;
		font-size: 16px;
		z-index: 1;
	}

	.article-col3{
		display: inline-block;
		width: 300px;
		height: 270px;
		float: left;
	}

	.article-col3 .article-title{
		width: 280px; 
		height: 25px;
		float: left;
		margin: 10px;
		font-size: 19px;
		font-weight: bold;
		overflow: hidden;
	}
	.article-col3 .article-description{
		width: 280px;
		height: 40px;
		margin: 0 10px;
		float: left;
		font-size: 14px;
		overflow: hidden;
		color: #727272;
	}
	.article-listivew-col3 #details #category{
		line-height: 20px;
		font-size: 12px;
		margin: auto 3px;
	}
	.article-listivew-col3 #background{
		background: #000;
		width: 100%;
		height: 25px;
		position: absolute;
		bottom: 0;
		opacity: 0.6;
		z-index: -1;
	}
	.article-col4-middle{

	}
	.article-col4{
		display: inline-block;
		width: 150px;
		height: 150px;
		float: left;
		/* margin: 5px; */
		overflow: hidden;
	}
	.article-listivew-col4{
		width: 150px;
		display: inline-block;
		height: 150px;
		overflow: hidden;
		position: relative;
		float: left;
	}
	.article-listivew-col4 #details{
		position: absolute;
		top: 0px;
		width: 100%;
		height: 100%;
		overflow: hidden;
		color: #fff;
		font-size: 16px;
		z-index: 1;
		 display: none; /**/
	}

	.article-listivew-col4 #details #category{
		float: left;
		width: 100%;
		color: #fff;
		font-size: 12px;
		line-height: 15px;
		padding: 5px 5px 0px;
		word-break: break-word;
	}
	.article-listivew-col4 #details #background{
		position: absolute;
		top: 0px;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 0.8;
		background: #000;
		z-index: -1;
	}

	.article-listivew-col4 #details .article-title{
		float: left;
		padding: 5px 5px 0px;
		color: #fff;
		font-size: 16px;
		overflow: hidden;
	}
	.article-listivew-col4 #details .article-description{
		float: left;
		padding: 5px;
		font-size: 17px;
		color: #fff;
		overflow: hidden;
		word-break: break-word;
		height: 100px;
	}
	.pagination-container{
		text-align: center;
		width: 300px;
		float: left;
	}
	.home-cycle-slideshow, .home-cycle-slideshow-mobile{
		height: 190px;
		width: 300px;
		position: relative;
	}
	.home-cycle-slideshow .photoalbum-image{
		/*height: 460px!important;  */
	}
	/* .home-cycle-slideshow .photoalbum-image img{
		max-height: 460px;
		max-width: 769px;
		display: inline-block;
		vertical-align: middle;
	} */


	.home-banner ul, .home-banner-mobile ul{
		width: 20000em;
		position: relative;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.home-banner-container{
		width: 300px;
		/* height: 190px; */
		height: 505px;
		margin: 0 auto;
	}
	.home-banner, .home-banner-mobile{
		width: 300px;
		height: 505px;
		margin: 0 auto;
		border-bottom: 2px solid #000;
		overflow: hidden;
		position: relative;		
	}
	.banner-list{
		list-style: none;
		overflow: hidden;
		display: inline-flex!important;
		height: 505px;
		width: 300px;
		text-align: center;
	}
	.home-banner-detail img {
		max-width: 300px;
		/* max-height: 127px; */
		max-height: 505px;
		height: auto;
	}
	.home-banner .title, .home-banner-mobile .title{
		width: 100%;
		font-size: 20px;
		height: 28px;
		font-family: "Helvetica Roman",fantasy;
		font-weight: bold;
		text-align: center;
	}
	.home-banner .subtitle, .home-banner-mobile .subtitle{
		width: 100%;
		font-size: 18px;
		height: 24px;
	}

	.cycle-slideshow{
		height: 190px!important;
		width: 300px;
		position: relative;
		overflow: hidden;
	}
	.cycle-slideshow .photoalbum-image{
		 /*height: 190px!important; */
	}
	.cycle-slideshow .photoalbum-image img{
		max-height: 190px;
		max-width: 300px;
		display: inline-block;
		vertical-align: middle;
	}
	.cycle-slideshow .cycle-prev{
		position: absolute;
		top: 75px;
		left: 0;
		background: url(../images/arrow_prev.png) no-repeat 100%;
		width: 40px;
		height: 40px;
		cursor: pointer;
		z-index: 101;
	}
	.cycle-slideshow .cycle-next{
		position: absolute;
		top: 75px;
		right: 0;
	    background: url(../images/arrow_next.png) no-repeat 100%;
		width: 40px;
		height: 40px;
		cursor: pointer;
		z-index: 101;
	}
	.home-cycle-slideshow{
		height: 190px!important;
		width: 300px;
		position: relative;
	}

	/* .home-cycle-slideshow .home-photoalbum-image img{
		max-height: 190px;
		max-width: 300px;
		display: inline-block;
		vertical-align: middle;
	} */
	.home-banner .cycle-prev{
		position: absolute;
		top: 25px;
		left: 0;
		background: url(../images/arrow_01.png) no-repeat 100%;
		width: 80px;
		height: 80px;
		cursor: pointer;
		z-index: 101;
	}
	.home-banner .cycle-next{
		position: absolute;
		top: 25px;
		right: 0;
	    background: url(../images/arrow_02.png) no-repeat 100%;
		width: 80px;
		height: 80px;
		cursor: pointer;
		z-index: 101;
	}	
	.home-banner-mobile .cycle-mobile-prev{
		position: absolute;
		top: 200px;
		left: 0;
		#background: url(../images/arrow_01.png) no-repeat 100%;
		width: 40px;
		height: 40px;
		cursor: pointer;
		z-index: 101;
	}
	.home-banner-mobile .cycle-mobile-next{
		position: absolute;
		top: 200px;
		right: 0;
	    #background: url(../images/arrow_02.png) no-repeat 100%;
		width: 40px;
		height: 40px;
		cursor: pointer;
		z-index: 101;
	}	
	.home-banner-mobile .cycle-mobile-prev img, .home-banner-mobile .cycle-mobile-next img{
		width: 40px;
		height: 40px;
	}
	.home-banner-detail{
		width: 300px;
	}
	#classic{
		width: 196px;
		margin: 0px auto 10px;
	}
	.home-magazine-container{
		width: 245px;
		height: 395px;
		margin: 0 auto;
	}
	
	.magazine-list{
		list-style: none;
		overflow: hidden;
		height: 385px;
		width: 245px;
		float: left;
	}
	.home-magazine{
		width: 245px;
		height: 385px;
		margin: 0 auto;
		position: relative;
	}
	.home-magazine ul{
		width: 20000em;
		position: relative;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.home-magazine-image {
		width: 245px;
		height: 319px;
		overflow: hidden;
	}
	.home-magazine-image img {
		max-width: 245px;
		/* max-height: 319px; */
	}
	.home-magazine .issue{
		width: 100%;
		font-size: 20px;
		height: 28px;
		font-family: "Helvetica Roman",fantasy;
		overflow: hidden;
	}
	.home-magazine .title{
		width: 100%;
		font-size: 18px;
		height: 24px;
		overflow: hidden;
	}
	.home-magazine .cycle-prev{
		position: absolute;
		top: 128px;
		left: -30px;
		background: url(../images/arrow_01.png) no-repeat 100%;
		width: 80px;
		height: 80px;
		cursor: pointer;
		z-index: 101;
	}
	.home-magazine .cycle-next{
		position: absolute;
		top: 128px;
		right: -30px;
	    background: url(../images/arrow_02.png) no-repeat 100%;
		width: 80px;
		height: 80px;
		cursor: pointer;
		z-index: 101;
	}
	.home-magazine-cycle-slideshow{
		height: 385px;
		width: 245px!important;
		position: relative;
		overflow: hidden;
	}

	.cycle-slide{
		display: none;
	}
	.cycle-slide-active{
		display: inline-flex!important;
	}
	.home-video{
		float: left;
	}
	#cycle-slideshow-video{
		height: 175px;
		width: 300px;
		position: relative;
	}
	#cycle-slideshow-video .video{

	}
	#cycle-slideshow-video .video img{
		/* max-height: 590px;
		max-width: 980px;
		display: inline-block;
		vertical-align: middle; */
	}
	#cycle-slideshow-video .cycle-prev{
		position: absolute;
		top: 70px;
		left: 0;
		background: url(../images/arrow_prev.png) no-repeat 100%;
		width: 40px;
		height: 40px;
		cursor: pointer;
		z-index: 101;
	}
	#cycle-slideshow-video .cycle-next{
		position: absolute;
		top: 70px;
		right: 0px;
	    background: url(../images/arrow_next.png) no-repeat 100%;
		width: 40px;
		height: 40px;
		cursor: pointer;
		z-index: 101;
	}
	.article-detail{
		width: 300px;
		margin: 0 auto;
		padding: 0 0 10px 0;
		float: left;
	}
	.issue-share-start-container{
		width: 300px;
		height: 65px;
		margin: 15px 0;
		display: block;
		color: #717171;
		float: left;
	}
	.issue-share-start-container .issue {
		width: 300px;
		display: block;
		vertical-align: middle;
		height: 20px;
		text-align: center;
		margin: 5px 0;
	}
	.issue-share-start-container .share{
		width: 300px;
		display: block;
		text-align: center;
		height: 25px;
		margin: 0 auto;
	}
	.issue-share-start-container .share img{
		padding: 0 9px;
	}
	.issue-share-start-container .start{
		width: 300px;
		display: block;
		text-align: center;
		vertical-align: middle;
		height: 20px;
		margin: 5px 0;
	}
	.title-content-container{
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
		float: left;
		width: 100%;
	}
	.article-detail .title, .article-detail .subtitle{
		/* width: 100%; */
		height: auto;
		padding: 5px 0;
		font-size: 22px;
		font-weight: bold;
		position: relative;
		float: left;
	}
	/* .article-detail .subtitle{
		width: 100%;
		height: auto;
		padding: 5px 0;
		font-weight: bold;
		position: relative;
		font-weight: normal;
		line-height: 20px;
	} */
	.article-detail .status{
		font-size: 15px;
		background: #000;
		color: #fff;
		width: 140px;
		font-weight: normal;
		text-align: center;
		height: 23px;
		line-height: 23px;
	}	
	.article-detail .video-content{
		width: 100%;
		overflow: hidden;
		position: relative;
	}
	.article-detail .product-content{
		width: 100%;
		float: left;
		margin-bottom: 10px;
	}
	.article-detail .content{
		width: 100%;
		/* height: 150px; */
		overflow: hidden;
		position: relative;
		margin-bottom: 20px;
	}
	.article-detail .content img{
        /*width:100%;*/
		max-width: 300px;
	}
	.article-detail .content video, .article-detail .content iframe{
		width: 100%;
		height: auto;
	}
	/* .article-detail .content:after {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
		background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,1)));
		background: -webkit-linear-gradient(top, rgba(255,255,255,0) 60%, rgba(255,255,255,1) 100%);
		background:    -moz-linear-gradient(top, rgba(255,255,255,0) 60%, rgba(255,255,255,1) 100%);
		background:     -ms-linear-gradient(top, rgba(255,255,255,0) 60%, rgba(255,255,255,1) 100%);
		background:      -o-linear-gradient(top, rgba(255,255,255,0) 60%, rgba(255,255,255,1) 100%);
		background:         linear-gradient(top, rgba(255,255,255,0) 60%, rgba(255,255,255,1) 100%);
	}
	.article-detail .content.show:after {
		background: none!important;
	} */
	.article-detail .read_more{
		/* text-align: center;
		width: 135px;
		height: auto;
		margin: 0 auto 10px; */
		display: none;
	}
	.article-detail .read_more img{
		cursor: pointer;
	}
	.detail-container{
		width: 300px;
		margin: 0 auto;
	}
	#mainAdDiv{
		width: 300px;
		height: 240px;
	}
	#video-container{
		padding: 0px;
		width: 300px;
		margin: 0 auto;
	}
	.video-listivew{
		width: 300px;
		display: block;
		margin: auto 0px;
	}
	.video-listivew-col2, .video-listivew-col3{
		width: 300px;
		display: inline-block;
		height: 188px;
		overflow: hidden;
		position: relative;
		float: left;
	}
	.video-col2, .video-col3{
		display: inline-block;
		width: 300px;
		height: 243px;
		float: left;
		background: #ddd;
		margin-bottom: 20px;
	}
	.video-col2 .video-article-title, .video-col3 .video-article-title{
		width: 290px; 
		height: 35px;
		float: left;
		font-size: 22px;
		font-weight: bold;
		margin: 0 5px;
		overflow: hidden;
	}
	.video-col2 .video-article-start, .video-col3 .video-article-start{
		width: 290px;
		height: 25px;
		float: left;
		font-size: 16px;
		overflow: hidden;
		margin: 0 5px;
		color: #727272;
	}
	.video-col2-middle, .video-col3-middle{
		/* margin-bottom: 20px; */
	}
	.shop-container{
		width: 300px;
		margin: 0 auto;
	}
	.shop-container .background {
		width: 300px;
		height: 235px;
		overflow: hidden;
		position: relative;
		float: left;
		margin: 0 0 30px;
	}
	.shop-listivew{
		width: 300px;
		display: block;
		margin: auto 0px;
	}
	.shop-col4-middle{
		
	}
	.shop-col4{
		display: inline-block;
		width: 215px;
		height: 215px;
		float: left;
		margin: auto 42px 20px;
	}
	.shop-listivew-col4{
		width: 215px;
		display: inline-block;
		height: 215px;
		overflow: hidden;
		position: relative;
		float: left;
	}
	.shop-listivew-col4 #details{
		position: absolute;
		top: 0px;
		width: 100%;
		height: 100%;
		overflow: hidden;
		color: #fff;
		font-size: 16px;
		z-index: 1;
		 display: none; /**/
	}


	.shop-listivew-col4 #details #background{
		position: absolute;
		top: 0px;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 0.8;
		background: #000;
		z-index: -1;
	}
	.shop-listivew-col4 #details .product-code{
		float: left;
		width: 100%;
		color: #fff;
		font-size: 14px;
		line-height: 19px;
		padding: 5px 5px 0px;
		word-break: break-word;
	}
	.shop-listivew-col4 #details .product-title{
		float: left;
		padding: 5px 5px 0px;
		color: #fff;
		font-size: 18px;
		overflow: hidden;
		width: 100%;
	}
	.shop-listivew-col4 #details .product-price{
		float: left;
		padding: 5px;
		font-size: 16px;
		color: #fff;
		overflow: hidden;
		word-break: break-word;
		width: 100%;
	}
	.shop-listivew-col4 #details .product-status{
		margin: 0px auto;
		font-size: 17px;
		color: #000;
		background: #fff;
		overflow: hidden;
		width: 100%;
		font-weight: bold;
		height: 25px;
		position: absolute;
		bottom: 15px;
		text-align: center;
	}	
	#shop{
		float: left;
		width: 100%;
		margin-bottom: 10px;
	}
	#shop #cart{
		font-size: 18px;
		font-weight: bold;
		border-bottom: 2px solid #000;
		max-width: 300px;
		margin: 0 auto;
	}
	#timer-container{
		position: fixed;
		width: 65px;
		z-index: 0;
		top: 40px;
		left: 100px;
	}
	#timer-position{
		width: 65px;
		position: relative;
		display: inline-block;
	}
	.related-article-container{
		float: left;
		width: 300px;
		/* max-height: 330px; */
		display: block;
		margin: 0 0 10px 0;
	}
	.related-article{
		width: 300px;
		height: 152px;
		display: inline-block;
		background: #ddd;
		margin-bottom: 10px;
		float: left;
		border: 1px solid #000;
	}
	.related-article-left{
		margin-right: 0px;
	}
	.related-article .image{
		width: 150px;
		height: 150px;
		overflow: hidden;
		float: left;
		display: inline-block;
	}
	.related-article .detail{
		width: 148px;
		height: 150px;
		padding: 8px;
		float: left;
	}
	.related-article .detail #category{
		font-size: 12px;
	}
	.related-article .detail #title{
		max-height: 48px;
		overflow: hidden;
		font-size: 17px;
		margin: 0 0 5px 0;
		line-height: 23px;
	}
	.related-article .detail #description{
		font-size: 16px;
		color: #9a9a9a;
		max-height: 65px;
		overflow: hidden;
	}
	#videofilm-container{
		padding: 0px;
		width: 300px;
		margin: 0 auto;		
	}
	.videofilm-listivew{
		width: 300px;
		display: block;
		margin: auto 0px;
	}
	.videofilm-col2{
		display: inline-block;
		width: 300px!important;
		height: 180px;
		float: left;
		position: relative;
		cursor: pointer;
	}
	.videofilm-listivew-col2{
		width: 300px;
		margin: 0px;
		display: inline-block;
		height: 180px;
		overflow: hidden;
		position: relative;
		float: left;
	}
	
	.videofilm-col2-middle{
		margin: 0px;
	}
	.video-play-icon{
		margin: 0!important;
		position: absolute;
		top: 77px;
		left: 138px;
		min-height: auto!important;
		opacity: 0.6;
		width: 44px;
		height: 31px;
	}
	#search-result-count{
		color: #000;
		margin: 0;
		font-size: 28px;
		position: relative;
		display: inline-block;
		text-align: left;
		height: 40px;
		width: 100%;
	}
	#no-result{
		color: #000;
		margin: 0px 20px;
		display: inline;
		font-size: 28px;
		position: relative;
		display: inline-block;
		text-align: center;
		height: 40px;
	}
	.search-listivew{
		width: 300px;
		display: block;
		margin: auto 0px;
	}
	.search-col3-middle{
		margin: 0 10px 0 0px
	}
	.search-listivew-col3{
		width: 300px;
		margin: 0px;
		display: inline-block;
		height: 300px;
		overflow: hidden;
		position: relative;
		float: left;
	}
	.search-listivew-col3 #details{
		position: absolute;
		bottom: 0px;
		margin: 3px;
		width: 294px;
		overflow: hidden;
		color: #fff;
		font-size: 16px;
		z-index: 1;
	}

	.search-col3{
		display: inline-block;
		width: 300px;
		height: 400px;
		float: left;
	}

	.search-col3 .search-article-title{
		width: 280px; 
		height: 25px;
		float: left;
		margin: 10px;
		font-size: 19px;
		font-weight: bold;
		overflow: hidden;
	}
	.search-col3 .search-article-description{
		width: 280px;
		height: 40px;
		margin: 0 10px;
		float: left;
		font-size: 14px;
		overflow: hidden;
		color: #727272;
	}
	.search-listivew-col3 #details #category{
		line-height: 20px;
		font-size: 12px;
		margin: auto 3px;
	}
	.search-listivew-col3 #background{
		background: #000;
		width: 100%;
		height: 25px;
		position: absolute;
		bottom: 0;
		opacity: 0.6;
		z-index: -1;
	}
	.medium-rectangle-ad-container{
		width: 300px;
		float: left;
		height: auto;
		min-height: 520px;
		margin: 5px auto;
		text-align: center;
		display: table;
	}
	.medium-rectangle-ad{
		width: 300px;
		height: 250px;
		display: inline-block;
		margin: auto 0px;
		overflow: hidden;
	}
	#alt-caption{
		height: auto;
		color: #fff;
		width: 100%;
		z-index: 111;
		position: absolute;
		background: rgba(0, 0, 0, 0.5);
		bottom: 0;
		padding: 0px;
		font-size: 12px;
		line-height: 14px;
		text-align: center;
	}
	#basel, #basel img{
		overflow: hidden;
		width: 301px;
	}
	#basel-container{
		width: 300px;
		height: auto;
		display: inline-block;
		overflow: hidden;
		margin: 5px 0 0;
		/* border: 1px solid #000; */
	}
	.basel-container{
		border: 1px solid #000;
	}
	.basel-thumbnail{
		width: 300px;
		height: 300px;
		overflow: hidden;
	}
	.basel-thumbnail img{
		/* width: 300px;
		float: left;
		height: auto!important;
		margin: 0!important; */
	}
	#basel-detail{
		width: 300px;
		height: auto;
		float: left;
		padding: 5px 0;
	}
	#basel-title{
		width: 100%;
		height: 25px;
		float: left;
		font-size: 18px;
		font-weight: bold;
		overflow: hidden;
		color: #000;
		line-height: 25px;
	}

	
	
	.basel-listivew{
		width: 300px;
		height: auto;
		overflow: hidden;
		position: relative;
	}
	.basel-top{
		width: 300px;
		height: 190px;
		overflow: hidden;
		position: relative;
		margin-bottom: 10px;
	}
	.basel-top-listivew{
		width: 300px;
		height: 190px;
		overflow: hidden;
		position: relative;
	}
	.basel-top-listivew #details{
		position: absolute;
		bottom: 0;
		background: rgba(0, 0, 0, 0.6);
		width: 100%;
		color: #fff;
		padding: 5px;
	}
	.basel-top-listivew  .basel-title{
		font-size: 18px;
		font-weight: bold;
	}
	.basel{
		width: 300px;
		height: auto;
		overflow: hidden;
		position: relative;
	}
	.basel-others-listivew{
		width: 300px;
		height: 300px;
		overflow: hidden;
		position: relative;
		float: left;
	}
	.basel #details{
		float: left;
		width: 300px;
		height: auto;
		color: #fff;
		padding: 0 5px;
		overflow: hidden;
	}
	.basel .basel-title{
		font-size: 18px;
		font-weight: bold;
		color: #000;
	}
	.basel-start{
		font-size: 14px;
		color: #666;
	}
	.basel .basel-description{
		font-size: 16px;
		color: #000;
	}
	.basel-line{
		border-top: 1px solid #000;
		width: 100%;
		margin: 5px 0;
	}
	
	.basel-brand-listivew{
		width: 300px;
		height: auto;
		overflow: hidden;
		position: relative;
	}
	.basel-brand-each{
		width: 300px;
		display: inline-block;
		margin: 0 auto;
	}
	.basel-brand-logo, .basel-brand-logo img{
		text-align: center;
		max-height: 100px;
	}
	.pager-button-basel{
		width: 300px;
		height: 300px;
		overflow: hidden;
		position: relative;
		display: -webkit-box;
		margin: 0 auto;
	}
	.basel-brand{
		width: 300px;
		height: 300px;
		overflow: hidden;
		position: relative;
		float: left;
	}
	.basel-brand-image{
		width: 300px;
		height: 300px;
		overflow: hidden;
		position: relative;
		float: left;
	}
	.pager-button-basel ul{
		width: 20000em;
		position: relative;
		list-style: none;
		margin: 0;
		padding: 0;
	}	
	.pager-button-basel li{
		float: left;
		width: 300px;
		height: 300px;
		overflow: hidden;
		margin-right: 10px;
	}
	.jcarousel-basel{
		width: 300px;
		overflow: hidden;
		margin: 0 auto;
	}
	.basel-brand-image #details{
		position: absolute;
		bottom: 0;
		width: 100%;
		height: auto;
		background: rgba(0, 0, 0, 0.5);
	}
	.basel-brand-image .title{
		color: #fff;
		margin: 5px;
		font-size: 18px;
	}
	.jcarousel-basel-control-prev img, .jcarousel-basel-control-next img{
		width: 50px;
		height: auto;
	}
	.jcarousel-basel-control-prev{
		position: absolute;
		top: 120px;
		left: 0;
	}
	.jcarousel-basel-control-next{
		position: absolute;
		top: 120px;
		right: 0;
	}
	#basel-container #submenu{
		font-weight: bold;
		padding: 20px 0 30px;
	}
	#basel-container #submenu ul li a {
		font-size: 18px; 
	}
	.slideshow-home-basel{
		width: 300px;
		height: 450px!important;
		overflow: hidden;
		position: relative;
		/* display: -webkit-box; */
		float: left;
	}
	.slideshow-home-basel ul {
		width: 20000em;
		position: relative;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.slideshow-home-basel ul li{
		float: left;
		width: 300px;
		height: auto;
		overflow: hidden;
	}
	.slideshow-home-basel li {
		visibility: visible;
		display: block;
		margin: 0!important;
	}
	#full-basel-banner, #full-basel-banner img{
		margin-left: 0;
		width: 780px;
		margin-bottom: 10px;
	}
	.subscription_form{
		width: 300px;
		height: 1820px;
		overflow: hidden;
		border: 0px;
		margin: 0 auto;
	}
	.basel-brand-logo-empty{
		/* height: 130px;
		max-height: 100px; */
	}
}
/* @media (min-width: 767px) and (max-width: 600px) {

} */
/* Small devices (tablets, 768px and up) */
@media  (max-width: 639px) {
	.waterwall {
		width: 510px;
		margin: 0 auto;
		height: auto;
		overflow: hidden;
		margin-bottom: 10px;
	}
	.waterwall .masonrymobile{
		width: 100%;
		display: block;
		/* padding: 10px 0px; */
		position: relative;
		height: auto;
		width: 510px;
		margin: 0 15px;
	}
	.type1{
		width: 96px; height: 96px;
	}
	.type1 img{
		display: inline-block;  vertical-align: middle; min-height: 96px;
	}
	.type2{
		width: 192px; height: 192px;
	}
	.type2 img{
		display: inline-block;  vertical-align: middle; min-height: 192px;
	}
	.type3{
		width: 96px; height: 192px;
	}
	.type3 img{
		display: inline-block;  vertical-align: middle; min-height: 192px; min-width: 96px;
	}
	.type4{
		width: 192px; height: 96px;
	}
	.type4 img{
		display: inline-block;  vertical-align: middle; min-height: 96px; min-width: 192px;
	}
	.type5{
		width: 192px; height: 250px;
	}
	/* .type5 img{
		display: inline-block;  vertical-align: middle; min-height: 249px;
	} */
	.type6{
		width: 192px; height: 134px;
	}
	.type6 img{
		display: inline-block;  vertical-align: middle; min-height: 134px;
	}
}
@media  (max-width: 509px) {
	.waterwall {
		width: 320px;
		margin: 0 auto;
		height: auto;
		overflow: hidden;
		margin-bottom: 10px;
	}
	.waterwall .masonrymobile{
		width: 100%;
		display: block;
		/* padding: 10px 0px; */
		position: relative;
		height: auto;
		width: 320px;
		margin: 0 auto;
	}
	.type1{
		width: 64px; height: 64px;
	}
	.type1 img{
		display: inline-block;  vertical-align: middle; min-height: 64px;
	}
	.type2{
		width: 128px; height: 128px;
	}
	.type2 img{
		display: inline-block;  vertical-align: middle; min-height: 128px;
	}
	.type3{
		width: 64px; height: 128px;
	}
	.type3 img{
		display: inline-block;  vertical-align: middle; min-height: 128px;  min-width: 64px;
	}
	.type4{
		width: 128px; height: 64px;
	}
	.type4 img{
		display: inline-block;  vertical-align: middle; min-height: 64px;  min-width: 128px;
	}
	 .type5{
		width: 128px; height: 167px;
	}/*
	.type5 img{
		display: inline-block;  vertical-align: middle; min-height: 166.5px;
	} */
	.type6{
		width: 128px; height: 89px;
	}
	.type6 img{
		display: inline-block;  vertical-align: middle; min-height: 89px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	td
	{
		word-break: break-word;
	}
	body
	{
		
	}
	#portalMenu #menuItemRight {
		display: block;
		font-size: 12px;
		float: initial!important;
		width: 345px;
		position: fixed;
		top: 25px;
		right: 0;
	}
	#header{
		width: 100%;
		position: relative;
		border-bottom: 1px solid #000;
		padding-top: 25px;
		z-index: 1;
		background: #000;
	}
	#header #part{
		width: 769px;
		margin: 0 auto;
		position: relative;
	}
	#header .logo{
		width: 122px;
		height: 88px;
		/* margin: 10px auto; */
		margin: 5px 0 5px 323px;
	}
	.navbar
	{
		position: relative;
	}
/* 	.navbar #fb-button
	{
		padding: 0px 10px;
		position: absolute;
		right: 60px;
		top: 13px;
	} */
	.navbar-brand
	{
		float: left;
		height: 50px;
		font-size: 18px;
		line-height: 20px;
		padding: 0px 10px;
	}
	.navbar-brand img
	{
		height: 50px;
	}
	.navbar-default, .navbar-collapse {
		background-color: #fff;
		/* border-bottom-color: #000!important; */
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		border-color: #000;
	}
	.navbar-default .navbar-nav>li>a {
		color: #fff;
		padding: 5px;
	}
	#youtube-button{
		width: 27px;
		height: 27px;
		display: inline-block;
		position: absolute;
		left: 0;
		top: 60px;
	}	
	#sina-button{
		width: 27px;
		height: 27px;
		display: inline-block;
		position: absolute;
		left: 35px;
		top: 60px;
	}
	#fb-button{
		width: 27px;
		height: 27px;
		display: inline-block;
		position: absolute;
		left: 70px;
		top: 60px;
	}	
	#ig-button{
		width: 27px;
		height: 27px;
		display: inline-block;
		position: absolute;
		left: 105px;
		top: 60px;
	}
	#search-button{
		width: 200px;
		height: 25px;
		display: inline-block;
		position: absolute;
		right: 0px;
		top: 62px;
	}
	#searchform{
		width: 200px;
		height: 25px;
		display: table;
	}
	#search-button input{
		width: 200px;
		height: 25px;
		color: #727272;
	}
	#search-button img{
		outline: none;
		opacity: 1;
		margin-left: -22px;
		cursor: pointer;
		position: absolute;
		top: 5px;
	}
	#menu
	{
		width: 100%;
		padding: 20px 0;
		float: left;
	}
	#menu ul
	{
		list-style: none;
		display: inline-block;
		margin: 0px;
		padding: 0px;
		text-align: center;
	}
	#menu li
	{
		color: #000;
		margin: 0px 15px;
		display: inline;
		font-size: 22px;
		position: relative;
		display: inline-block;
		text-align: center;
		height: 40px;
	}
	#menu li a
	{
		color: #000;
		text-decoration: none;
	}
	#menu li a:hover
	{
		border-top: solid 1px #000;
		border-bottom: solid 1px #000;
	}
	#wrap
	{
		margin: 0 auto;
		background: #fff;
		min-height: 300px;
		max-width: 768px;
		width: 768px;
		overflow: hidden
	}
	#footer
	{
		width: 100%;
		margin: 0px auto 0px;
		background: #eee;
		padding: 0px 0px 0px;
		border-top: 1px solid #000;
		float: left;
	}
	#footer .magazine
	{
		text-align: center;
		width: 768px;
		margin: 10px auto;
	}
	#footer .magazine ul
	{
		margin: 0px;
		padding: 0px;
	}	
	#footer .magazine li
	{
		display:inline-block;
		padding: 0px;
		width: auto;
		height: 27px;
		overflow: hidden;
		margin: 5px 0;
	}
	#footer .magazine li a
	{
		display:inline-block;
	}
	#footer .magazine li #footer-logo-01
	{
		background: url(../images/bottom_logo_01.png) no-repeat;
		width: 75px;
		height: 27px;
	}
	#footer .magazine li a#footer-logo-01:hover
	{
		background: url(../images/bottom_logo_01.png) no-repeat;
		background-position: 0px 100%;
	}
	#footer .magazine li #footer-logo-02
	{
		background: url(../images/bottom_logo_02.png) no-repeat;
		width: 112px;
		height: 27px;
	}
	#footer .magazine li a#footer-logo-02:hover
	{
		background: url(../images/bottom_logo_02.png) no-repeat;
		background-position: 0px 100%;
	}
	#footer .magazine li #footer-logo-03
	{
		background: url(../images/bottom_logo_03.png) no-repeat;
		width: 89px;
		height: 27px;
	}
	#footer .magazine li a#footer-logo-03:hover
	{
		background: url(../images/bottom_logo_03.png) no-repeat;
		background-position: 0px 100%;
	}
	#footer .magazine li #footer-logo-04
	{
		background: url(../images/bottom_logo_04.png) no-repeat;
		width: 73px;
		height: 27px;
	}
	#footer .magazine li a#footer-logo-04:hover
	{
		background: url(../images/bottom_logo_04.png) no-repeat;
		background-position: 0px 100%;
	}
	#footer .magazine li #footer-logo-05
	{
		background: url(../images/bottom_logo_005.png?v=31012018) no-repeat;
		width: 109px;
		height: 27px;
	}
	#footer .magazine li a#footer-logo-05:hover
	{
		background: url(../images/bottom_logo_005.png?v=31012018) no-repeat;
		background-position: 0px 100%;
	}	
	#footer .magazine li #footer-logo-06
	{
		background: url(../images/bottom_logo_06.png) no-repeat;
		width: 87px;
		height: 27px;
	}
	#footer .magazine li a#footer-logo-06:hover
	{
		background: url(../images/bottom_logo_06.png) no-repeat;
		background-position: 0px 100%;
	}
	#footer .magazine li #footer-logo-07
	{
		background: url(../images/bottom_logo_07.png) no-repeat;
		width: 97px;
		height: 27px;
	}
	#footer .magazine li a#footer-logo-07:hover
	{
		background: url(../images/bottom_logo_07.png) no-repeat;
		background-position: 0px 100%;
	}
	#footer .magazine li #footer-logo-08
	{
		background: url(../images/bottom_logo_08.png) no-repeat;
		width: 88px;
		height: 27px;
	}
	#footer .magazine li a#footer-logo-08:hover
	{
		background: url(../images/bottom_logo_08.png) no-repeat;
		background-position: 0px 100%;
	}
	#footer .magazine li #footer-logo-09
	{
		background: url(../images/bottom_logo_09.png) no-repeat;
		width: 81px;
		height: 27px;
	}
	#footer .magazine li a#footer-logo-09:hover
	{
		background: url(../images/bottom_logo_09.png) no-repeat;
		background-position: 0px 100%;
	}
	#footer .magazine li #footer-logo-10
	{
		background: url(../images/bottom_logo_10.png) no-repeat;
		width: 84px;
		height: 27px;
	}
	#footer .magazine li a#footer-logo-10:hover
	{
		background: url(../images/bottom_logo_10.png) no-repeat;
		background-position: 0px 100%;
	}	
	#footer .magazine li #footer-logo-11
	{
		background: url(../images/bottom_logo_11.png) no-repeat;
		width: 85px;
		height: 27px;
	}
	#footer .magazine li a#footer-logo-11:hover
	{
		background: url(../images/bottom_logo_11.png) no-repeat;
		background-position: 0px 100%;
	}	
	#copyright
	{
		text-align: center;
		font-size: 16px;
		padding: 10px;
		vertical-align: top;
		width: 100%;
	}
	#copyright ul
	{
		list-style: none;
		display: inline-block;
		margin: 0px;
		padding: 0px;
	}
	#copyright li
	{
		padding: 0px 5px;
		display: inline;
		font-size: 13px;
		border-right: solid 1px #000;
		float: left;
	}
	#copyright li a
	{
		color: #000;
		text-decoration: none;
	}
	#copyright li:last-child
	{
		border: none;
	}
	.waterwall{
		width: 750px;
		display: block;
		height: 320px;
		overflow: hidden;
		margin: 0 auto;
	}
	.waterwall .masonry{
		width: 750px;
		display: inline-block;
		padding: 10px 0px;
		position: relative;
		/* height: 700px; */
	}
	.item{
		width: 98px; height: auto; float: left; overflow: hidden; position: relative;
	}
	.item-img{
		display: inline-block; max-width: 200px; max-height: 200px; vertical-align: middle;
	}
	.type1{
		width: 75px; height: 75px;
	}
	.type1 img{
		display: inline-block;  vertical-align: middle; min-height: 75px;
	}
	.type2{
		width: 150px; height: 150px;
	}
	.type2 img{
		display: inline-block;  vertical-align: middle; min-height: 150px;
	}
	.type3{
		width: 75px; height: 150px;
	}
	.type3 img{
		display: inline-block;  vertical-align: middle; min-height: 150px;  min-width: 75px;
	}
	.type4{
		width: 150px; height: 75px;
	}
	.type4 img{
		display: inline-block;  vertical-align: middle; min-height: 75px; min-width: 150px;
	}
	.type5{
		width: 150px; height: 105px;
	}
	.type5 img{
		display: inline-block;  vertical-align: middle; min-height: 105px;
	}
	.type6{
		width: 150px; height: 195px;
	}
	.type6 img{
		display: inline-block;  vertical-align: middle; min-height: 195px;
	}
	.item #details {
		display: none;
	}
	.item #background {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 0.8;
		background: #000;
	}
	.item #title {
		position: absolute;
		bottom: 5px;
		left: 0;
		padding: 0 5px;
		color: #fff;
		font-size: 18px;
		height: 25px;
		overflow: hidden;
		font-weight: bold;
	}
	.item #category {
		position: absolute;
		bottom: 30px;
		left: 0;
		color: #fff;
		font-size: 16px;
		line-height: 19px;
		padding: 0 5px;
		word-break: break-word;
		word-wrap: break-word;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
	}
	.magazine-cover{
		width: 150px;
		height: 195px;
		display: inline-block;
		/* position: absolute;
		right: 0;
		top: 10px; */
	}
	.magazine-cover img {
		width: 100%;
		height: auto;
	}
	#home-container{
		padding: 0px 0 0px;
	}
	.home-listivew{
		width: 769px;
		display: block;
		margin: auto 0px;
		float: left;
		padding: 20px 0 0px;
	}
	.home-listivew-second{
		width: 519px;
		display: block;
		margin: auto 0px;
		float: left;
	}
	.home-listivew-col3{
		width: 250px;
		margin: 0px;
		display: inline-block;
		height: 250px;
		overflow: hidden;
		position: relative;
		float: left;
	}
	.home-col3 #details{
		bottom: 0px;
		float: left;
		width: 100%;
		height: 80px;
		overflow: hidden;
		color: #fff;
		font-size: 16px;
		z-index: 10;
		background: #fff;
		position: absolute;
	}

	.home-listivew-col3 .mask{
		cursor: pointer;
		height: 100%;
		position: absolute;
		width: 100%;
		top: 0;
	}
	.home-col3 a:hover > .home-listivew-col3 .mask{
		background-color: rgba(0,0,0,0.5);
	}
	.home-col3 a:hover > .home-listivew-col3 {
		/* transform: scale(1.2,1.2); */
		/* transition: ease-out 500ms; */
		/* -ms-transform: scale(1.2,1.2); */
		/* -webkit-transform: scale(1.2,1.2); */
		/* -webkit-transition: ease-out 500ms; */
	}	
	.home-col3{
		display: inline-block;
		width: 250px;
		height: 215px;
		float: left;
		position: relative;
		overflow: hidden;
	}

	.home-col3 .home-article-title{
		width: 100%;
		height: 50px;
		float: left;
		font-size: 18px;
		font-weight: bold;
		overflow: hidden;
		color: #000;
	}
	.home-col3 .home-article-subtitle{
		width: 100%;
		height: 25px;
		float: left;
		font-size: 16px;
		font-weight: normal;
		overflow: hidden;
		color: #000;
		line-height: 16px;
	}
	.home-col3 #details #category, .home-col3 #details #category{
		width: 100%;
		height: 25px;
		line-height: 23px;
		font-size: 18px;
		margin: auto 0px;
		float: left;
		color: #000;
		border-bottom: 3px solid #000;
	}
	.home-col3-middle{
		margin: 0 9.5px;
	}
	.latest-listivew{
		width: 769px;
		display: block;
		margin: auto 0px;
		height: 610px;
	}
	.latest-listivew-col2{
		width: 499px;
		/* margin: 0 10px; */
		display: inline-block;
		height: 290px;
		overflow: hidden;
		position: relative;
		float: left;
	}
	.latest-listivew-col2 #details{
		position: absolute;
		bottom: 0px;
		margin: 3px;
		width: 494px;
		overflow: hidden;
		color: #fff;
		font-size: 16px;
		z-index: 1;
	}
	.latest-listivew-col2 #details #category, .latest-listivew-col3 #details #category{
		line-height: 20px;
		font-size: 12px;
		margin: auto 3px;
	}
	.latest-listivew-col2 #background, .latest-listivew-col3 #background{
		background: #000;
		width: 100%;
		height: 25px;
		position: absolute;
		bottom: 0;
		opacity: 0.6;
		z-index: -1;
	}
	.latest-article-col2{
		display: inline-block;
		width: 499px;
		height: 330px;
		float: left;
	}
	/* .latest-article-col2 .latest-article-title{
		width: 450px; 
		height: 25px;
		float: left;
		margin: 10px;
		font-size: 22px;
		font-weight: bold;
	}
	.latest-article-col2 .latest-article-description{
		width: 450px;
		height: 40px;
		margin: 0 10px;
		float: left;
		font-size: 16px;
		overflow: hidden;
		color: #727272;
	} */
	.latest-listivew-col3{
		width: 230px;
		margin: 0px;
		display: inline-block;
		height: 150px;
		overflow: hidden;
		position: relative;
		float: left;
	}
	.latest-listivew-col3 #details{
		position: absolute;
		bottom: 0px;
		margin: 3px;
		width: 225px;
		overflow: hidden;
		color: #fff;
		font-size: 16px;
		z-index: 1;
	}

	.latest-article-col3{
		display: inline-block;
		width: 230px;
		height: 150px;
		float: left;
		margin-top: 30px;
	}
	.latest-article-col3-middle{
		margin: 30px 39px 10px 39px;
	}
	.latest-article-col3-vert-middle{
		margin-bottom: 30px;
	}
	/* .latest-article-col3 .latest-article-title{
		width: 300px; 
		height: 25px;
		float: left;
		margin: 10px;
		font-size: 22px;
		font-weight: bold;
	}
	.latest-article-col3 .latest-article-description{
		width: 300px;
		height: 40px;
		margin: 0 10px;
		float: left;
		font-size: 16px;
		overflow: hidden;
		color: #727272;
	} */

	.plane{
		width: 100%;
		height: 52px;
		/* margin: 0 0 20px 0; */
		background: url(../images/plane.png) no-repeat 100%;
		float: left;
	}
	.shortcut{
		width: 769px;
		margin: 0 auto;
		display: block;
		margin: 0 auto;
	}
	.shortcut img{
		padding-bottom: 10px;
		width: 92px;
	}
	#article-container{
		/* padding: 20px 0 0px; */
	}
	.article-listivew{
		width: 769px;
		display: block;
		margin: auto 0px;
	}
	.article-col3-middle{
		margin: 0 40px 0 39px
	}
	.article-listivew-col3{
		width: 230px;
		margin: 0px;
		display: inline-block;
		height: 150px;
		overflow: hidden;
		position: relative;
		float: left;
	}
	.article-listivew-col3 #details{
		position: absolute;
		bottom: 0px;
		margin: 3px;
		width: 225px;
		overflow: hidden;
		color: #fff;
		font-size: 16px;
		z-index: 1;
	}

	.article-col3{
		display: inline-block;
		width: 230px;
		height: 230px;
		float: left;
	}

	.article-col3 .article-title{
		width: 210px; 
		height: 25px;
		float: left;
		margin: 10px;
		font-size: 19px;
		font-weight: bold;
		overflow: hidden;
	}
	.article-col3 .article-description{
		width: 210px;
		height: 45px;
		margin: 0 10px;
		float: left;
		font-size: 16px;
		overflow: hidden;
		color: #727272;
	}
	.article-listivew-col3 #details #category{
		line-height: 20px;
		font-size: 12px;
		margin: auto 3px;
	}
	.article-listivew-col3 #background{
		background: #000;
		width: 100%;
		height: 25px;
		position: absolute;
		bottom: 0;
		opacity: 0.6;
		z-index: -1;
	}
	.article-col4-middle{
		margin-left: 22px;
	}
	.article-col4{
		display: inline-block;
		width: 175px;
		height: 130px;
		float: left;
		overflow: hidden;
		margin-bottom: 25px
	}
	.article-listivew-col4{
		width: 175px;
		display: inline-block;
		height: 175px;
		overflow: hidden;
		position: relative;
		float: left;
	}
	.article-listivew-col4 #details{
		position: absolute;
		top: 0px;
		width: 100%;
		height: 100%;
		overflow: hidden;
		color: #fff;
		font-size: 16px;
		z-index: 1;
		 display: none; /**/
	}

	.article-listivew-col4 #details #category{
		float: left;
		width: 100%;
		color: #fff;
		font-size: 14px;
		line-height: 19px;
		padding: 5px 5px 0px;
		word-break: break-word;
	}
	.article-listivew-col4 #details #background{
		position: absolute;
		top: 0px;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 0.8;
		background: #000;
		z-index: -1;
	}

	.article-listivew-col4 #details .article-title{
		float: left;
		padding: 5px 5px 0px;
		color: #fff;
		font-size: 18px;
		overflow: hidden;
	}
	.article-listivew-col4 #details .article-description{
		float: left;
		padding: 5px;
		font-size: 16px;
		color: #fff;
		overflow: hidden;
		word-break: break-word;
		height: 113px;
	}
	.pagination-container{
		text-align: center;
		width: 769px;
		float: left;
	}

	
	.cycle-slideshow{
		height: 460px;
		width: 768px;
		position: relative;
		overflow: hidden;
	}
	.cycle-slideshow .photoalbum-image{
		/*height: 460px!important;  */
	}
	.cycle-slideshow .photoalbum-image img{
		max-height: 460px;
		max-width: 769px;
		display: inline-block;
		vertical-align: middle;
	}

	.cycle-slideshow .cycle-prev{
		position: absolute;
		top: 210px;
		left: 0;
		background: url(../images/arrow_prev.png) no-repeat 100%;
		width: 40px;
		height: 40px;
		cursor: pointer;
		z-index: 101;
	}
	.cycle-slideshow .cycle-next{
		position: absolute;
		top: 210px;
		right: 0;
	    background: url(../images/arrow_next.png) no-repeat 100%;
		width: 40px;
		height: 40px;
		cursor: pointer;
		z-index: 101;
	}
	.home-cycle-slideshow{
		height: 390px;
		width: 769px;
		position: relative;
		overflow: hidden;
	}
	.home-cycle-slideshow .photoalbum-image{
		/*height: 460px!important;  */
	}
	/* .home-cycle-slideshow .photoalbum-image img{
		max-height: 460px;
		max-width: 769px;
		display: inline-block;
		vertical-align: middle;
	} */
	.home-banner-container{
		/* width: 829px; */
		height: 385px;
		margin: 0 auto;
		overflow: hidden;
	}

	.home-banner{
		width: 769px;
		height: 385px;
		margin: 0 auto;
		position: relative;
		/* border-bottom: 2px solid #000; */
	}
	.home-banner ul{
		width: 20000em;
		position: relative;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.banner-list{
		list-style: none;
		overflow: hidden;
		display: inline-flex!important;
		height: 385px;
		width: 769px;
	}
	.home-banner-detail{
		float:left;
		overflow: hidden;
	}
	.home-banner-detail img {
		max-width: 769px;
		max-height: 326px;
		height: auto;
	}
	.home-banner .title{
		/* width: 100%; */
		font-size: 18px;
		height: 28px;
		font-family: "Helvetica Roman",fantasy;
		/* overflow: hidden; */
		font-weight: bold;
		text-align: center;
		margin: 0 3px;
	}
	.home-banner .subtitle{
		width: 100%;
		font-size: 18px;
		height: 24px;
		overflow: hidden;
		text-align: center;
		margin: 0 3px;
	}
	.home-banner .cycle-prev{
		position: absolute;
		top: 130px;
		left: -30px;
		background: url(../images/arrow_01.png) no-repeat 100%;
		width: 80px;
		height: 80px;
		cursor: pointer;
		z-index: 101;
	}
	.home-banner .cycle-next{
		position: absolute;
		top: 130px;
		right: -30px;
	    background: url(../images/arrow_02.png) no-repeat 100%;
		width: 80px;
		height: 80px;
		cursor: pointer;
		z-index: 101;
	}	
	#classic{
		width: 196px;
		margin: 0px auto 10px;
	}
	.home-magazine-container{
		width: 735px;
		height: 395px;
		margin: 0 auto;
	}
	
	.magazine-list{
		list-style: none;
		overflow: hidden;
		height: 385px;
		width: 245px;
		float: left;
	}
	.home-magazine{
		width: 735px;
		height: 385px;
		margin: 0 auto;
		position: relative;
	}
	.home-magazine ul{
		width: 20000em;
		position: relative;
		list-style: none;
		margin: 0;
		padding: 0;
	}	
	.home-magazine-image {
		width: 245px;
		height: 319px;
		overflow: hidden;
	}
	.home-magazine-image img {
		max-width: 245px;
		/* max-height: 319px; */
	}
	.home-magazine .issue{
		width: 100%;
		font-size: 20px;
		height: 28px;
		font-family: "Helvetica Roman",fantasy;
		overflow: hidden;
	}
	.home-magazine .title{
		width: 100%;
		font-size: 18px;
		height: 24px;
		overflow: hidden;
	}
	.home-magazine .cycle-prev{
		position: absolute;
		top: 128px;
		left: -30px;
		background: url(../images/arrow_01.png) no-repeat 100%;
		width: 80px;
		height: 80px;
		cursor: pointer;
		z-index: 101;
	}
	.home-magazine .cycle-next{
		position: absolute;
		top: 128px;
		right: -30px;
	    background: url(../images/arrow_02.png) no-repeat 100%;
		width: 80px;
		height: 80px;
		cursor: pointer;
		z-index: 101;
	}
	.home-magazine-cycle-slideshow{
		height: 385px;
		width: 735px!important;
		position: relative;
		overflow: hidden;
	}
	.cycle-slide{
		display: none;
	}
	.cycle-slide-active{
		display: inline-flex!important;
	}
	.home-video{
		float: left;
	}
	#cycle-slideshow-video{
		height: 280px;
		width: 769px;
		position: relative;
	}
	#cycle-slideshow-video .video{

	}
	#cycle-slideshow-video .video img{
		/* max-height: 590px;
		max-width: 980px;
		display: inline-block;
		vertical-align: middle; */
	}
	#cycle-slideshow-video .cycle-prev{
		position: absolute;
		top: 120px;
		left: 0;
		background: url(../images/arrow_prev.png) no-repeat 100%;
		width: 40px;
		height: 40px;
		cursor: pointer;
		z-index: 101;
	}
	#cycle-slideshow-video .cycle-next{
		position: absolute;
		top: 120px;
		right: 1px;
	    background: url(../images/arrow_next.png) no-repeat 100%;
		width: 40px;
		height: 40px;
		cursor: pointer;
		z-index: 101;
	}
	.article-detail{
		width: 769px;
		padding: 0 0 20px 0;
		float: left;
	}
	.issue-share-start-container{
		width: 769px;
		height: 25px;
		margin: 15px 0;
		display: flex;
		float: left;
		color: #717171;
	}
	.issue-share-start-container .issue {
		width: 190px;
		display: inline-block;
		vertical-align: middle;
	}
	.issue-share-start-container .share{
		width: 390px;
		display: inline-block;
		text-align: center;
		height: 25px;
	}
	.issue-share-start-container .share img{
		padding: 0 9px;
	}
	.issue-share-start-container .start{
		width: 190px;
		display: inline-block;
		text-align: right;
		vertical-align: middle;
	}
	.title-content-container{
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
		float: left;
		width: 100%;
	}
	.article-detail .title, .article-detail .subtitle{
		/* width: 100%; */
		height: auto;
		padding: 5px 0;
		font-size: 22px;
		font-weight: bold;
		position: relative;
		margin: 0 10px;
		float: left;
	}
	/* .article-detail .subtitle{
		width: 100%;
		height: auto;
		padding: 5px 0;
		font-size: 22px;
		font-weight: normal;
		position: relative;
		margin: 0 10px;
		line-height: 20px;
	} */
	.article-detail .status{
		position: absolute;
		right: 5px;
		top: 5px;
		font-size: 15px;
		background: #000;
		color: #fff;
		width: 140px;
		font-weight: normal;
		text-align: center;
		height: 23px;
		line-height: 23px;
	}	
	.article-detail .video-content{
		width: 100%;
		overflow: hidden;
		position: relative;
	}
	.article-detail .product-content{
		width: 100%;
		float: left;
		margin-bottom: 10px;
	}
	.article-detail .content{
		width: 100%;
		/* height: 150px; */
		overflow: hidden;
		position: relative;
		margin: 0 10px;
	}
	/* .article-detail .content video, .article-detail .content iframe{
		width: 100%;
		height: auto;
	} */
	/* .article-detail .content:after {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
		background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,1)));
		background: -webkit-linear-gradient(top, rgba(255,255,255,0) 60%, rgba(255,255,255,1) 100%);
		background:    -moz-linear-gradient(top, rgba(255,255,255,0) 60%, rgba(255,255,255,1) 100%);
		background:     -ms-linear-gradient(top, rgba(255,255,255,0) 60%, rgba(255,255,255,1) 100%);
		background:      -o-linear-gradient(top, rgba(255,255,255,0) 60%, rgba(255,255,255,1) 100%);
		background:         linear-gradient(top, rgba(255,255,255,0) 60%, rgba(255,255,255,1) 100%);
	}
	.article-detail .content.show:after {
		background: none!important;
	} */
	.article-detail .read_more{
		/* text-align: center;
		width: 135px;
		height: auto;
		margin: 0 auto 20px; */
		display: none;
	}
	.article-detail .read_more img{
		cursor: pointer;
	}
	#mainAdDiv{
		width: 769px;
		height: 470px;
	}
	#video-container{
		padding: 0px;
	}
	.video-listivew{
		width: 769px;
		display: block;
		margin: auto 0px;
	}
	.video-listivew-col2{
		width: 374px;
		display: inline-block;
		height: 224px;
		overflow: hidden;
		position: relative;
		float: left;
		
	}
	.video-col2{
		display: inline-block;
		width: 374px;
		height: 284px;
		float: left;
		background: #ddd;
	}
	.video-col2 .video-article-title{
		width: 354px; 
		height: 35px;
		float: left;
		font-size: 22px;
		font-weight: bold;
		margin: 0 10px;
		overflow: hidden;
	}
	.video-col2 .video-article-start{
		width: 354px;
		height: 25px;
		float: left;
		font-size: 16px;
		overflow: hidden;
		margin: 0 10px;
		color: #727272;
	}
	.video-col2-middle{
		margin-right: 19px;
	}
	.video-listivew-col3{
		width: 250px;
		display: inline-block;
		height: 210px;
		overflow: hidden;
		position: relative;
		float: left;
	}

	.video-col3{
		display: inline-block;
		width: 250px;
		height: 270px;
		background: #ddd;
		margin-bottom: 5px;
	}

	.video-col3 .video-article-title{
		width: 230px; 
		height: 35px;
		float: left;
		margin: 0 10px;
		font-size: 22px;
		font-weight: bold;
		overflow: hidden;
	}
	.video-col3 .video-article-start{
		width: 230px;
		height: 25px;
		margin: 0 10px;
		float: left;
		font-size: 16px;
		overflow: hidden;
		color: #727272;
	}
	.video-col3-middle{
		margin: 0 5px 5px;
	}
	.shop-container .background {
		width:769px;
		height: 588px;
		overflow: hidden;
		position: relative;
		float: left;
	}
	.shop-listivew{
		width: 769px;
		display: block;
		margin: auto 0px;
	}
	.shop-col4-middle{
		margin-right: 23px;
	}
	.shop-col4{
		display: inline-block;
		width: 175px;
		height: 175px;
		float: left;
		margin-bottom: 30px;
	}
	.shop-listivew-col4{
		width: 175px;
		display: inline-block;
		height: 175px;
		overflow: hidden;
		position: relative;
		float: left;
	}
	.shop-listivew-col4 #details{
		position: absolute;
		top: 0px;
		width: 100%;
		height: 100%;
		overflow: hidden;
		color: #fff;
		font-size: 16px;
		z-index: 1;
		 display: none; /**/
	}

	.shop-listivew-col4 #details #background{
		position: absolute;
		top: 0px;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 0.8;
		background: #000;
		z-index: -1;
	}
	.shop-listivew-col4 #details .product-code{
		float: left;
		width: 100%;
		color: #fff;
		font-size: 14px;
		line-height: 19px;
		padding: 5px 5px 0px;
		word-break: break-word;
	}
	.shop-listivew-col4 #details .product-title{
		float: left;
		padding: 5px 5px 0px;
		color: #fff;
		font-size: 16px;
		overflow: hidden;
		width: 100%;
	}
	.shop-listivew-col4 #details .product-price{
		float: left;
		padding: 5px;
		font-size: 14px;
		color: #fff;
		overflow: hidden;
		word-break: break-word;
		width: 100%;
	}
	.shop-listivew-col4 #details .product-status{
		margin: 0px auto;
		font-size: 17px;
		color: #000;
		background: #fff;
		overflow: hidden;
		width: 100%;
		font-weight: bold;
		height: 25px;
		position: absolute;
		bottom: 15px;
		text-align: center;
	}	
	#shop{
		float: left;
		width: 100%;
		margin-bottom: 10px;
	}
	#shop #cart{
		font-size: 18px;
		font-weight: bold;
		border-bottom: 2px solid #000;
		max-width: 769px;
		margin: 0 auto;
	}
	#timer-container{
		position: absolute;
		width: 65px;
		z-index: 0;
		top: 70px;
		right: 10px;
	}
	#timer-position{
		width: 65px;
		margin: 0 auto;
		position: relative;
		text-align: right;
	}
	.whats_hot{
		display: inline-block;
		float: left;
		width: 248px;
		overflow: hidden;
	}
	.whats_hot img{
		width: 248px;
	}
	.whats-hot-container{
		float: left;
		width: 248px;
		margin: 0 0 0px 0;
		display: block;
		border: 4px solid #000;
		border-top: 0;
	}
	.whats-hot{
		display: inline-block;
		float: left;
		width: 224px;
		height: 140px;
		margin: 5px 8px 5px;
		vertical-align: middle;
		border-bottom: 1px #8F8B8A dotted;
	}
	.whats-hot-left{
		#margin-right: 10px;
	}
	.whats-hot .image{
		width: 130px;
		height: 86px;
		overflow: hidden;
		float: left;
		display: inline-block;
		position: relative;
	}
	.whats-hot .mask{
		cursor: pointer;
		height: 100%;
		position: absolute;
		width: 100%;
		top: 0;
	}
	.whats-hot a:hover >  .image .mask{
		background-color: rgba(0,0,0,0.5);
	}
	.whats-hot a:hover > .image img {
		/* transform: scale(1.2,1.2); */
		/* transition: ease-out 500ms; */
		/* -ms-transform: scale(1.2,1.2); */
		/* -webkit-transform: scale(1.2,1.2); */
		/* -webkit-transition: ease-out 500ms; */
	}	
	.whats-hot .detail{
		width: 215px;
		height: 46px;
		padding: 0px;
		float: left;
		margin-left: 10px;
		position: relative;
	}
	.whats-hot .detail #category{
		font-size: 12px;
        padding-top: 10px;
		color: #8F8B8A;
	}
	.whats-hot .detail #title{
		max-height: 18px;
		overflow: hidden;
		font-size: 14px;
		line-height: 18px;
		overflow: hidden;
		color: #8F8B8A;
	}
	.whats-hot .detail #description{
		font-size: 16px;
		color: #9a9a9a;
		max-height: 65px;
		overflow: hidden;
	}
	.related-article-container{
		float: left;
		width: 768px;
		/* max-height: 330px; */
		display: block;
		margin: 0 0 20px 0;
	}
	.related-article{
		width: 379px;
		height: 152px;
		display: inline-block;
		background: #ddd;
		margin-bottom: 10px;
		float: left;
		border: 1px solid #000;
	}
	.related-article-left{
		margin-right: 10px;
	}
	.related-article .image{
		width: 150px;
		height: 150px;
		overflow: hidden;
		float: left;
		display: inline-block;
	}
	.related-article .detail{
		width: 226px;
		height: 150px;
		padding: 8px;
		float: left;
	}
	.related-article .detail #category{
		font-size: 12px;
	}
	.related-article .detail #title{
		max-height: 48px;
		overflow: hidden;
		font-size: 22px;
		margin: 0 0 5px 0;
		line-height: 24px;
	}
	.related-article .detail #description{
		font-size: 16px;
		color: #9a9a9a;
		max-height: 65px;
		overflow: hidden;
	}
	#videofilm-container{
		padding: 0px;
		float: left;
		width: 100%;
	}
	.videofilm-listivew{
		width: 769px;
		display: block;
		margin: auto 0px;
	}
	.videofilm-col2{
		width: 384.5px!important;
		height: 280px;
		display: inline-block;
		float: left;
		position: relative;
		cursor: pointer;
	}
	.videofilm-listivew-col2{
		width: 384.5px;
		margin: 0px;
		display: inline-block;
		height: 280px;
		overflow: hidden;
		position: relative;
		float: left;
	}
	
	.videofilm-col2-middle{
		margin: 0px;
	}
	.video-play-icon{
		margin: 0!important;
		position: absolute;
	    top: 124.5px;
		left: 174.5px;
		min-height: auto!important;
		opacity: 0.6;
		width: 44px;
		height: 31px;
	}
	#search-result-count{
		color: #000;
		margin: 0;
		font-size: 28px;
		position: relative;
		display: inline-block;
		text-align: left;
		height: 40px;
		width: 100%;
	}
	#no-result{
		color: #000;
		margin: 0px 20px;
		display: inline;
		font-size: 28px;
		position: relative;
		display: inline-block;
		text-align: center;
		height: 40px;
	}
	#search-container{
		padding: 20px 0 0px;/*  */
	}
	.search-listivew{
		width: 769px;
		display: block;
		margin: auto 0px;
	}
	.search-col3-middle{
		margin: 0 40px 0 39px
	}
	.search-listivew-col3{
		width: 230px;
		margin: 0px;
		display: inline-block;
		height: 230px;
		overflow: hidden;
		position: relative;
		float: left;
	}
	.search-listivew-col3 #details{
		position: absolute;
		bottom: 0px;
		margin: 3px;
		width: 225px;
		overflow: hidden;
		color: #fff;
		font-size: 16px;
		z-index: 1;
	}

	.search-col3{
		display: inline-block;
		width: 230px;
		height: 330px;
		float: left;
	}

	.search-col3 .search-article-title{
		width: 210px; 
		height: 25px;
		float: left;
		margin: 10px;
		font-size: 19px;
		font-weight: bold;
		overflow: hidden;
	}
	.search-col3 .search-article-description{
		width: 210px;
		height: 45px;
		margin: 0 10px;
		float: left;
		font-size: 16px;
		overflow: hidden;
		color: #727272;
	}
	.search-listivew-col3 #details #category{
		line-height: 20px;
		font-size: 12px;
		margin: auto 3px;
	}
	.search-listivew-col3 #background{
		background: #000;
		width: 100%;
		height: 25px;
		position: absolute;
		bottom: 0;
		opacity: 0.6;
		z-index: -1;
	}
	.medium-rectangle-ad-container{
		width: 769px;
		float: left;
		height: 250px;
		margin: 10px auto;
		text-align: center;
		display: table;
	}
	.medium-rectangle-ad{
		width: 300px;
		height: 250px;
		display: inline-block;
		margin: auto 40px;
		overflow: hidden;
	}

	/* NAV RESET
	.nav-wrap {width: 100%; position: relative; margin: 10px 0;}
	.nav {margin:0; padding:0; list-style:none; width: 769px; margin: 0 auto; border-bottom: 2px solid #000;}
	.nav a {text-decoration:none; padding: 0!important; color: #333;}
	.nav a:hover {text-decoration:none; padding: 0!important; color: #666;}
	.nav li ul {list-style:none; display: inline-block; margin: 0px; padding: 0px; text-align: center;}

	.nav li {float:left;padding: 0 0 0px 0;position:relative; }
	.nav li li {float:left;padding: 6px;position:relative; font-size: 13px;text-align: center;}
	
	.nav li div {display:none;position:absolute; left:-22px; width:470px; z-index: 1000;}
	.nav li:hover > div {display:block;}
	.nav .nav-column {float:left;}
	#nav-column-creative {width:769px; left: -310px;}
	#nav-column-leisure {width:769px; left: -290px;}

	.submenu-background{ width: 100%; background: #E6E6E6; height: 30px; position: absolute; top: 56px; display:none; z-index: 204;}

	.nav:hover + .submenu-background {display:block; }
	.nav li:hover > .submenu-background {display:block;}
 */
 
	.banner-container { position: relative; margin: 0 auto; width: 769px; padding: 0; z-index: 1111; margin-bottom: 2px; height: 67px; border-bottom: 2px solid #000;}
	.header    { background: #fff; width: 100%;}
	.nav       { background: #fff; }

	/* relevant styling */
	body { overflow-x: hidden; } /* trick from css-tricks comments */
	
	/* FIRST LEVEL */
	.nav a:hover {text-decoration:none; color: #fff;}
	.nav > ul > li { 
	  display: inline-block; 
	  position: relative; 
	  padding: 5px 0;
	  z-index: 100;
		list-style: none;
		float: left;
	}
	.nav > ul > li:hover { 
		background: rgba(193, 193, 193, 0.88);
	}
	/* SECOND LEVEL */
	.nav > ul > li > ul {
	  position: absolute;
	  left: 0;
	  top: 97%;
	  padding: 0 1000em; /* trick from css-tricks comments */
	  margin: 0 -1000em; /* trick from css-tricks comments */
	  z-index: 101;
	  visibility: hidden;
	  opacity: 0;
	      background: rgba(193, 193, 193, 0.88);
	}

	.nav > ul > li:hover > ul {
	  visibility: visible;
	  opacity: 1;
	}

	.nav > ul > li > ul > li {
		padding: 3px 0;
		float: left;
		
	}

	.nav > ul > li:hover .drop {
	  font-weight: bold;
	}

	
	li.menu1, li.menu1 img{
		width: 74px;
	}
	li.menu2, li.menu2 img{
		width: 69px;
	}
	li.menu3, li.menu3 img{
		width: 75px;
	}
	li.menu4, li.menu4 img{
		width: 92px;
	}
	li.menu5, li.menu5 img{
		width: 88px;
	}
	li.menu6, li.menu6 img{
		width: 90px;
	}
	li.menu7, li.menu7 img{
		width: 78px;
	}
	li.menu8, li.menu8 img{
		width: 67px;
	}
	li.menu9, li.menu9 img{
		width: 67px;
	}
	li.menu10, li.menu10 img{
		width: 69px;
	}
	.submenu{
		display: inline-block;
		padding: 5px;
		font-size: 14px;
		font-weight: bold;
		font-family: "Helvetica Roman",sans-serif;
	}	
	.submenu1, .submenu2, .submenu3, .submenu6, .submenu8{
		width: 769px;
	}	
	.submenu5, .submenu7{
		width: 769px;
	}		
	#menu-leisure{
		padding: 0px 955em;
		text-align: right;
	}
	#menu-creative{
		padding: 0px 978em;
	}
	#alt-caption{
		height: auto;
		color: #fff;
		width: 100%;
		z-index: 111;
		position: absolute;
		background: rgba(0, 0, 0, 0.5);
		bottom: 0;
		padding: 0px;
		text-align: center;
	}

	#basel, #basel img{
		width: 493px;
		float: left;
		overflow: hidden;
		margin-right: -5px;
	}
	#basel-container{
		width: 490px;
		height: auto;
		display: table;
		margin: 10px auto 0;
		/* border: 1px solid #000; */
	}
	.basel-container{
		border: 1px solid #000;
	}
	.basel-thumbnail{
		width: 160px;
		height: auto;
		float: left;
		margin: 0;
		height: 160px;/*  */
		overflow: hidden;
	}
	.basel-thumbnail img{
		/* width: 160px; */
		height: auto;
		float: left;
	}
	#basel-detail{
		width: 328px;
		height: auto;
		float: left;
		padding: 0 5px;
		max-height: 160px;
		overflow: hidden;
		line-height: 19px;
		margin: 0;
	}
	#basel-title{
		width: 100%;
		height: 25px;
		float: left;
		font-size: 18px;
		font-weight: bold;
		overflow: hidden;
		color: #000;
		line-height: 25px;
	}
	
	
	.basel-listivew{
		width: 768px;
		height: auto;
		overflow: hidden;
		position: relative;
	}
	.basel-top{
		width: 768px;
		height: 460px;
		overflow: hidden;
		position: relative;
	}
	.basel-top-listivew{
		width: 980px;
		height: 460px;
		overflow: hidden;
		position: relative;
	}
	.basel-top-listivew #details{
		position: absolute;
		bottom: 0;
		background: rgba(0, 0, 0, 0.6);
		width: 100%;
		color: #fff;
		padding: 5px;
	}
	.basel-top-listivew  .basel-title{
		font-size: 22px;
		font-weight: bold;
	}
	.basel{
		width: 768px;
		height: 250px;
		overflow: hidden;
		position: relative;
	}
	.basel-others-listivew{
		width: 250px;
		height: 250px;
		overflow: hidden;
		position: relative;
		float: left;
	}
	.basel #details{
		float: left;
		width: 518px;
		height: 250px;
		color: #fff;
		padding: 0 5px;
		overflow: hidden;
	}
	.basel .basel-title{
		font-size: 22px;
		font-weight: bold;
		color: #000;
	}
	.basel-start{
		font-size: 14px;
		color: #666;
	}
	.basel .basel-description{
		font-size: 18px;
		color: #000;
	}
	.basel-line{
		border-top: 1px solid #000;
		width: 100%;
		margin: 5px 0;
	}
	
	.basel-brand-listivew{
		width: 768px;
		height: auto;
		overflow: hidden;
		position: relative;
	}
	.basel-brand-each{
		width: 382px;
		/* display: inline-block; */
		margin: 0 auto;
		height: auto;
		float: left;
	}
	.basel-brand-logo, .basel-brand-logo img{
		text-align: center;
		max-height: 100px;
	}
	.pager-button-basel{
		width: 318px;
		height: 250px;
		overflow: hidden;
		position: relative;
		display: -webkit-box;
		margin: 0 auto;
	}
	.basel-brand{
		width: 250px;
		height: 250px;
		overflow: hidden;
		position: relative;
		float: left;
	}
	.basel-brand-image{
		width: 250px;
		height: 250px;
		overflow: hidden;
		position: relative;
		float: left;
	}
	.pager-button-basel ul{
		width: 20000em;
		position: relative;
		list-style: none;
		margin: 0;
		padding: 0;
	}	
	.pager-button-basel li{
		float: left;
		width: 250px;
		height: 250px;
		overflow: hidden;
		margin-right: 9px;
	}
	.jcarousel-basel{
		width: 250px;
		overflow: hidden;
		margin: 0 auto;
	}
	.basel-brand-image #details{
		position: absolute;
		bottom: 0;
		width: 100%;
		height: auto;
		background: rgba(0, 0, 0, 0.5);
	}
	.basel-brand-image .title{
		color: #fff;
		margin: 5px;
		font-size: 16px;
	}
	.jcarousel-basel-control-prev{
		position: absolute;
		top: 90px;
		left: 0;
	}
	.jcarousel-basel-control-next{
		position: absolute;
		top: 90px;
		right: 0;
	}
	.jcarousel-basel-control-prev img, .jcarousel-basel-control-next img{
		width: 60px;
		height: auto;
	}
	#basel-container #submenu{
		font-weight: bold;
		padding: 20px 0 30px;
	}
	#basel-container #submenu ul li a {
		font-size: 18px; 
	}
	.slideshow-home-basel{
		width: 488px;
		height: 160px;
		overflow: hidden;
		position: relative;
		display: -webkit-box;
		float: left;
	}
	.slideshow-home-basel ul {
		width: 20000em;
		position: relative;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.slideshow-home-basel ul li{
		float: left;
		width: 488px;
		height: 160px;
		overflow: hidden;
	}
	.slideshow-home-basel li {
		visibility: visible;
		display: block;
	}
	#full-basel-banner, #full-basel-banner img{
		width: 100%;
		margin-bottom: 1px;
	}
	.subscription_form{
		width: 769px;
		height: 1240px;
		overflow: hidden;
		border: 0px;
		margin: 0 auto;
	}
	.banner-detail-count1{
		width: 769px;
	}
	.banner-detail-count2{
		width: 385.5px;
	}
	.banner-detail-count3{
		width: 256px;
	}
	.banner-detail-count4{
		width: 192px;
	}
	.banner-detail-count5{
		width: 154px;
	}
	.basel-brand-each-empty{
	    height: 418px;
	}
	.basel-brand-logo-empty{
		height: 130px;
		max-height: 100px;
	}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	td
	{
		word-break: break-word;
	}
	body
	{
		
	}
	#header{
		width: 100%;
		position: relative;
		border-bottom: 1px solid #000;
		z-index: 1;
		background: #000;
	}
	#header #part{
		width: 980px;
		margin: 0 auto;
		position: relative;
	}
	#header .logo{
		width: 122px;
		height: 88px;
		/* margin: 10px auto; */
		margin: 5px 0 5px 429px;
	}
	#youtube-button{
		width: 27px;
		height: 27px;
		display: inline-block;
		position: absolute;
		left: 0;
		top: 60px;
	}	
	#sina-button{
		width: 27px;
		height: 27px;
		display: inline-block;
		position: absolute;
		left: 35px;
		top: 60px;
	}	
	#fb-button{
		width: 27px;
		height: 27px;
		display: inline-block;
		position: absolute;
		left: 70px;
		top: 60px;
	}	
	#ig-button{
		width: 27px;
		height: 27px;
		display: inline-block;
		position: absolute;
		left: 105px;
		top: 60px;
	}	
	#search-button{
		width: 250px;
		height: 25px;
		display: inline-block;
		position: absolute;
		right: 0px;
		top: 60px;
	}
	#searchform{
		width: 250px;
		height: 25px;
		display: table;
	}
	#search-button input{
		width: 250px;
		height: 25px;
		color: #727272;
	}
	#search-button img{
		outline: none;
		opacity: 1;
		margin-left: -22px;
		cursor: pointer;
		position: absolute;
		top: 5px;
	}	

	#menu
	{
		width: 100%;
		padding: 5px 0;
		float: left;
		border-bottom: 2px solid #000;
	}
	#menu ul
	{
		list-style: none;
		display: inline-block;
		margin: 0px;
		padding: 0px;
		text-align: center;
	}
	#menu li
	{
		color: #000;
		margin: 0px;
		display: inline;
		font-size: 20px;
		position: relative;
		display: inline-block;
		text-align: center;
		height: 72px;
	}
	#menu li a
	{
		color: #000;
		text-decoration: none;
		padding: 0;
	}
	#menu li a:hover, .menu-current-category
	{
		/* border-top: solid 2px #000;
		border-bottom: solid 2px #000; */
	}
	#wrap
	{
		margin: 0 auto;
		background: #fff;
		min-height: 1000px;
		max-width: 980px;
		width: 980px;
		overflow: hidden
	}
	#footer
	{
		width: 100%;
		margin: 0px auto 0px;
		background: #eee;
		padding: 0px 0px 0px;
		border-top: 1px solid #000;
		float: left;
	}
	#footer .magazine
	{
		text-align: center;
		width: 980px;
		margin: 20px auto;
	}
	#footer .magazine ul
	{
		list-style: none;
		margin: 0px;
		padding: 0px;
	}
	#footer .magazine li
	{
		float: left;
		padding: 0px;
		width: auto;
		height: 27px;
		overflow: hidden;
	}
	#footer .magazine li a
	{
		display:inline-block;
	}
	#footer .magazine li #footer-logo-01
	{
		background: url(../images/bottom_logo_01.png) no-repeat;
		width: 75px;
		height: 27px;
	}
	#footer .magazine li a#footer-logo-01:hover
	{
		background: url(../images/bottom_logo_01.png) no-repeat;
		background-position: 0px 100%;
	}
	#footer .magazine li #footer-logo-02
	{
		background: url(../images/bottom_logo_02.png) no-repeat;
		width: 112px;
		height: 27px;
	}
	#footer .magazine li a#footer-logo-02:hover
	{
		background: url(../images/bottom_logo_02.png) no-repeat;
		background-position: 0px 100%;
	}
	#footer .magazine li #footer-logo-03
	{
		background: url(../images/bottom_logo_03.png) no-repeat;
		width: 89px;
		height: 27px;
	}
	#footer .magazine li a#footer-logo-03:hover
	{
		background: url(../images/bottom_logo_03.png) no-repeat;
		background-position: 0px 100%;
	}
	#footer .magazine li #footer-logo-04
	{
		background: url(../images/bottom_logo_04.png) no-repeat;
		width: 73px;
		height: 27px;
	}
	#footer .magazine li a#footer-logo-04:hover
	{
		background: url(../images/bottom_logo_04.png) no-repeat;
		background-position: 0px 100%;
	}
	#footer .magazine li #footer-logo-05
	{
		background: url(../images/bottom_logo_005.png?v=11042019) no-repeat;
		width: 109px;
		height: 27px;
	}
	#footer .magazine li a#footer-logo-05:hover
	{
		background: url(../images/bottom_logo_005.png?v=11042019) no-repeat;
		background-position: 0px 100%;
	}	
	#footer .magazine li #footer-logo-06
	{
		background: url(../images/bottom_logo_06.png) no-repeat;
		width: 87px;
		height: 27px;
	}
	#footer .magazine li a#footer-logo-06:hover
	{
		background: url(../images/bottom_logo_06.png) no-repeat;
		background-position: 0px 100%;
	}
	#footer .magazine li #footer-logo-07
	{
		background: url(../images/bottom_logo_07.png) no-repeat;
		width: 97px;
		height: 27px;
	}
	#footer .magazine li a#footer-logo-07:hover
	{
		background: url(../images/bottom_logo_07.png) no-repeat;
		background-position: 0px 100%;
	}
	#footer .magazine li #footer-logo-08
	{
		background: url(../images/bottom_logo_08.png) no-repeat;
		width: 88px;
		height: 27px;
	}
	#footer .magazine li a#footer-logo-08:hover
	{
		background: url(../images/bottom_logo_08.png) no-repeat;
		background-position: 0px 100%;
	}
	#footer .magazine li #footer-logo-09
	{
		background: url(../images/bottom_logo_09.png) no-repeat;
		width: 81px;
		height: 27px;
	}
	#footer .magazine li a#footer-logo-09:hover
	{
		background: url(../images/bottom_logo_09.png) no-repeat;
		background-position: 0px 100%;
	}
	#footer .magazine li #footer-logo-10
	{
		background: url(../images/bottom_logo_10.png) no-repeat;
		width: 84px;
		height: 27px;
	}
	#footer .magazine li a#footer-logo-10:hover
	{
		background: url(../images/bottom_logo_10.png) no-repeat;
		background-position: 0px 100%;
	}	
	#footer .magazine li #footer-logo-11
	{
		background: url(../images/bottom_logo_11.png) no-repeat;
		width: 85px;
		height: 27px;
	}
	#footer .magazine li a#footer-logo-11:hover
	{
		background: url(../images/bottom_logo_11.png) no-repeat;
		background-position: 0px 100%;
	}	
	#copyright
	{
		text-align: center;
		font-size: 16px;
		padding: 10px;
		vertical-align: top;
		width: 100%;
	}
	#copyright ul
	{
		list-style: none;
		display: inline-block;
		margin: 0px;
		padding: 0px;
	}
	#copyright li
	{
		padding: 0px 5px;
		display: inline;
		font-size: 13px;
		border-right: solid 1px #000;
		float: left;
	}
	#copyright li a
	{
		color: #000;
		text-decoration: none;
	}
	#copyright li:last-child
	{
		border: none;
	}
	.waterwall{
		width: 980px;
		display: block;
		height: 410px;
		overflow: hidden;
		margin: 0 auto;
	}
	.waterwall .masonry{
		width: 980px;
		display: inline-block;
		padding: 10px 0px;
		position: relative;
		/* height: 700px; */
	}
	.item{
		width: 98px; height: auto; float: left; overflow: hidden; position: relative;
	}
	.item-img{
		display: inline-block; max-width: 196px; max-height: 196px; vertical-align: middle;
	}
	.type1{
		width: 98px; height: 98px;
	}
	.type1 img{
		display: inline-block;  vertical-align: middle; min-height: 98px;
	}
	.type2{
		width: 196px; height: 196px;
	}
	.type2 img{
		display: inline-block;  vertical-align: middle; min-height: 196px;
	}
	.type3{
		width: 98px; height: 196px;
	}
	.type3 img{
		display: inline-block;  vertical-align: middle; min-height: 196px;  min-width: 98px;
	}
	.type4{
		width: 196px; height: 98px;
	}
	.type4 img{
		display: inline-block;  vertical-align: middle; min-height: 98px; min-width: 196px;
	}
	.type5{
		width: 196px; height: 137px;
	}
	.type5 img{
		display: inline-block;  vertical-align: middle; min-height: 137px;
	}
	.type6{
		width: 196px; height: 255px;
	}
	.type6 img{
		display: inline-block;  vertical-align: middle; min-height: 255px;
	}
	.item #details {
		display: none;
	}
	.item #background {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 0.6;
		background: #000;
	}
	.item #title {
		position: absolute;
		bottom: 5px;
		left: 0;
		padding: 0 5px;
		color: #fff;
		font-size: 18px;
		height: 25px;
		overflow: hidden;
		font-weight: bold;
	}
	.item #category {
		position: absolute;
		bottom: 30px;
		left: 0;
		color: #fff;
		font-size: 16px;
		line-height: 19px;
		padding: 0 5px;
		word-break: break-word;
		word-wrap: break-word;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
	}
	.magazine-cover{
		width: 196px;
		height: 255px;
		display: inline-block;
		/* position: absolute;
		right: 0;
		top: 10px; */
	}
	.magazine-cover img {
		width: 100%;
		height: auto;
	}
	#home-container{
		padding: 0px 0 0px;
	}
	.home-listivew{
		width: 980px;
		display: block;
		margin: auto 0px;
		float: left;
		padding: 20px 0 0px;
	}
	.home-listivew-second{
		width: 662px;
		display: block;
		margin: auto 0px;
		float: left;
	}
	.home-listivew-col3{
		width: 318px;
		margin: 0px;
		display: inline-block;
		/* height: 318px; */
		height: 250px;
		overflow: hidden;
		position: relative;
		float: left;
	}
	.home-col3 #details{
		bottom: 0px;
		float: left;
		width: 100%;
		height: 95px;
		overflow: hidden;
		color: #fff;
		font-size: 16px;
		z-index: 10;
		background: #fff;
		position: absolute;
	}
	.home-listivew-col3 .mask{
		cursor: pointer;
		height: 100%;
		position: absolute;
		width: 100%;
		top: 0;
	}
	.home-col3 a:hover > .home-listivew-col3 .mask{
		background-color: rgba(0,0,0,0.5);
	}
	.home-col3 a:hover > .home-listivew-col3 {
		/* transform: scale(1.2,1.2); */
		/* transition: ease-out 500ms; */
		/* -ms-transform: scale(1.2,1.2); */
		/* -webkit-transform: scale(1.2,1.2); */
		/* -webkit-transition: ease-out 500ms; */
	}	
	.home-col3{
		display: inline-block;
		width: 318px;
		/* height: 411px; */
		height: 265px;
		float: left;
		overflow: hidden;
		position: relative;
	}

	.home-col3 .home-article-title{
		width: 100%;
		height: 50px;
		float: left;
		font-size: 18px;
		font-weight: bold;
		overflow: hidden;
		color: #000;
	}
	.home-col3 .home-article-subtitle{
		width: 100%;
		height: 25px;
		float: left;
		font-size: 16px;
		font-weight: normal;
		overflow: hidden;
		color: #000;
		line-height: 16px;
	}
	.home-col3 #details #category, .home-col3 #details #category{
		width: 100%;
		height: 25px;
		line-height: 23px;
		font-size: 18px;
		margin: auto 0px;
		float: left;
		color: #000;
		border-bottom: 3px solid #000;
	}
	.home-col3-middle{
		margin: 0 13px;
	}
	
	.latest-listivew{
		width: 980px;
		display: block;
		margin: auto 0px;
		height: 680px;
	}
	.latest-listivew-col2{
		width: 980px;
		/* margin: 0 10px; */
		display: inline-block;
		height: 540px;
		overflow: hidden;
		position: relative;
		float: left;
	}
	
	.latest-listivew-col2 #details{
		position: absolute;
		bottom: 0px;
		margin: 3px;
		width: 980px;
		overflow: hidden;
		color: #fff;
		font-size: 16px;
		z-index: 1;
	}

	.latest-listivew-col2 #details #category, .latest-listivew-col3 #details #category{
		line-height: 20px;
		font-size: 12px;
		margin: auto 3px;
	}
	.latest-listivew-col2 #background, .latest-listivew-col3 #background{
		background: #000;
		width: 100%;
		height: 25px;
		position: absolute;
		bottom: 0;
		opacity: 0.6;
		z-index: -1;
	}
	
	.latest-article-col2{
		display: inline-block;
		width: 980px;
		height: 650px;
		float: left;
	}
	.latest-article-col2 .latest-article-title{
		width: 450px; 
		height: 25px;
		float: left;
		margin: 10px;
		font-size: 22px;
		font-weight: bold;
	}
	.latest-article-col2 .latest-article-description{
		width: 450px;
		height: 40px;
		margin: 0 10px;
		float: left;
		font-size: 16px;
		overflow: hidden;
		color: #727272;
	}
	.latest-listivew-col3{
		width: 300px;
		margin: 0px;
		display: inline-block;
		height: 190px;
		overflow: hidden;
		position: relative;
		float: left;
	}
	.latest-listivew-col3 #details{
		position: absolute;
		bottom: 0px;
		margin: 3px;
		width: 295px;
		overflow: hidden;
		color: #fff;
		font-size: 16px;
		z-index: 1;
	}

	.latest-article-col3{
		display: inline-block;
		width: 300px;
		height: 200px;
		float: left;
		margin-top: 30px;
	}

	.latest-article-col3 .latest-article-title{
		width: 300px; 
		height: 25px;
		float: left;
		margin: 10px;
		font-size: 22px;
		font-weight: bold;
	}
	.latest-article-col3 .latest-article-description{
		width: 300px;
		height: 40px;
		margin: 0 10px;
		float: left;
		font-size: 16px;
		overflow: hidden;
		color: #727272;
	}
	.latest-article-col3-middle{
		margin: 30px 40px 0px;
	}
	.latest-article-col3-vert-middle{
		margin-bottom: 40px;
	}

	.related-aticle-container{
	    margin: 0 0 30px 0;
		width: 100%;
		float: left;/*  */
	}
	.plane{
		width: 100%;
		height: 52px;
		/* margin: 0 0px 30px 0; */
		background: url(../images/plane.png) no-repeat 100%;
		float: left;
	}
	.shortcut{
		width: 908px;
		margin: 0 auto;
		display: block;
		margin: 0 auto;
	}
	#article-container{
		/* padding: 20px 0 0px; */
		width: 980px;
		margin: 0 auto;
	}
	.article-listivew{
		width: 980px;
		display: block;
		margin: auto 0px;
	}
	.subcategory{
		display: none;
	}
	.article-col3-middle{
		margin: 0 40px;
	}
	.article-listivew-col3{
		width: 300px;
		margin: 0px;
		display: inline-block;
		height: 190px;
		overflow: hidden;
		position: relative;
		float: left;
	}
	.article-listivew-col3 #details{
		position: absolute;
		bottom: 0px;
		margin: 3px;
		width: 295px;
		overflow: hidden;
		color: #fff;
		font-size: 16px;
		z-index: 1;
	}

	.article-col3{
		display: inline-block;
		width: 300px;
		height: 270px;
		float: left;
	}

	.article-col3 .article-title{
		width: 280px; 
		height: 30px;
		float: left;
		margin: 10px;
		font-size: 22px;
		font-weight: bold;
		overflow: hidden;
	}
	.article-col3 .article-description{
		width: 280px;
		height: 45px;
		margin: 0 10px;
		float: left;
		font-size: 16px;
		overflow: hidden;
		color: #727272;
	}
	.article-listivew-col3 #details #category{
		line-height: 20px;
		font-size: 12px;
		margin: auto 3px;
	}
	.article-listivew-col3 #background{
		background: #000;
		width: 100%;
		height: 25px;
		position: absolute;
		bottom: 0;
		opacity: 0.6;
		z-index: -1;
	}
	.article-col4-middle{
		margin-left: 40px;
	}
	.article-col4{
		display: inline-block;
		width: 215px;
		height: 140px;
		float: left;
		overflow: hidden;
		margin-bottom: 40px;
	}
	.article-listivew-col4{
		width: 215px;
		display: inline-block;
		height: 140px;
		overflow: hidden;
		position: relative;
		float: left;
	}
	.article-listivew-col4 #details{
		position: absolute;
		top: 0px;
		width: 100%;
		height: 100%;
		overflow: hidden;
		color: #fff;
		font-size: 16px;
		z-index: 1;
		 display: none; /**/
	}

	.article-listivew-col4 #details #category{
		float: left;
		width: 100%;
		color: #fff;
		font-size: 14px;
		line-height: 19px;
		padding: 5px 5px 0px;
		word-break: break-word;
	}
	.article-listivew-col4 #details #background{
		position: absolute;
		top: 0px;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 0.8;
		background: #000;
		z-index: -1;
	}

	.article-listivew-col4 #details .article-title{
		float: left;
		padding: 5px 5px 0px;
		color: #fff;
		font-size: 18px;
		overflow: hidden;
	}
	.article-listivew-col4 #details .article-description{
		float: left;
		padding: 5px;
		font-size: 16px;
		color: #fff;
		overflow: hidden;
		word-break: break-word;
		height: 113px;
	}
	.pagination-container{
		text-align: center;
		width: 980px;
		float: left;
	}

	
	.cycle-slideshow{
		height: 590px;
		width: 980px;
		position: relative;
		overflow: hidden;
	}
	.cycle-slideshow .photoalbum-image{

	}
	.cycle-slideshow .photoalbum-image img{
		max-height: 590px;
		max-width: 980px;
		display: inline-block;
		vertical-align: middle;
	}
	.cycle-slideshow .cycle-prev{
		position: absolute;
		top: 275px;
		left: 0;
		background: url(../images/arrow_prev.png) no-repeat 100%;
		width: 40px;
		height: 40px;
		cursor: pointer;
		z-index: 101;
	}
	.cycle-slideshow .cycle-next{
		position: absolute;
		top: 275px;
		right: 0;
	    background: url(../images/arrow_next.png) no-repeat 100%;
		width: 40px;
		height: 40px;
		cursor: pointer;
		z-index: 101;
	}
	.home-cycle-slideshow{
		height: 470px;
		width: 980px;
		position: relative;
		overflow: hidden;
		
	}
	.cycle-slideshow .photoalbum-image{

	}
	/* .home-cycle-slideshow .photoalbum-image img{
		max-height: 590px;
		max-width: 980px;
		display: inline-block;
		vertical-align: middle;
	} */
	.banner-list{
		list-style: none;
		overflow: hidden;
		display: inline-flex!important;
		height: 475px;
		width: 980px;
	}
	.home-banner-container{
		/* width: 1040px; */
		height: 475px;
		margin: 0 auto;
		overflow: hidden;
		
	}
	.home-banner{
		width: 980px;
		height: 475px;
		margin: 0 auto;
		position: relative;
		/* border-bottom: 2px solid #000; */
	}
	.home-banner ul{
		width: 20000em;
		position: relative;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.home-banner-detail{
		float:left;
		overflow: hidden;
	}
	.home-banner-detail img{
		display: inline-block;
		max-width: 980px;
		max-height: 415px;
	}
	.home-banner .title{
		/* width: 100%; */
		font-size: 20px;
		height: 28px;
		font-family: "Helvetica Roman",fantasy;
		/* overflow: hidden; */
		font-weight: bold;
		text-align: center;
		margin: 0 3px;
	}
	.home-banner .subtitle{
		width: 100%;
		font-size: 18px;
		height: 24px;
		overflow: hidden;
		text-align: center;
		margin: 0 3px;
	}
	.home-banner .cycle-prev{
		position: absolute;
		top: 158px;
		left: -30px;
		background: url(../images/arrow_01.png) no-repeat 100%;
		width: 80px;
		height: 80px;
		cursor: pointer;
		z-index: 101;
	}
	.home-banner .cycle-next{
		position: absolute;
		top: 158px;
		right: -30px;
	    background: url(../images/arrow_02.png) no-repeat 100%;
		width: 80px;
		height: 80px;
		cursor: pointer;
		z-index: 101;
	}
	#classic{
		width: 196px;
		margin: 0px auto 10px;
	}
	.home-magazine-container{
		width: 1040px;
		height: 395px;
		margin: 0 auto;
		/* overflow: hidden; */
		position: relative;
		/* float: left; */
	}
	
	.magazine-list{
		list-style: none;
		overflow: hidden;
		height: 385px;
		width: 245px;
		float: left;
	}
	.home-magazine{
		width: 980px;
		height: 385px;
		margin: 0 auto;
		position: absolute;
		left: 0px;
	}
	.home-magazine ul{
		width: 20000em;
		position: relative;
		list-style: none;
		margin: 0;
		padding: 0;
	}	
	.home-magazine-image {
		width: 245px;
		height: 319px;
		overflow: hidden;
	}
	.home-magazine-image img {
		max-width: 245px;
		/* max-height: 319px; */
	}
	.home-magazine .issue{
		width: 100%;
		font-size: 20px;
		height: 28px;
		font-family: "Helvetica Roman",fantasy;
		overflow: hidden;
	}
	.home-magazine .title{
		width: 100%;
		font-size: 18px;
		height: 24px;
		overflow: hidden;
	}
	.home-magazine .cycle-prev{
		position: absolute;
		top: 128px;
		left: -30px;
		background: url(../images/arrow_01.png) no-repeat 100%;
		width: 80px;
		height: 80px;
		cursor: pointer;
		z-index: 101;
	}
	.home-magazine .cycle-next{
		position: absolute;
		top: 128px;
		right: -30px;
	    background: url(../images/arrow_02.png) no-repeat 100%;
		width: 80px;
		height: 80px;
		cursor: pointer;
		z-index: 101;
	}
	.cycle-slide{
		display: none;
	}
	.cycle-slide-active{
		display: inline-flex!important;
	}
	.home-video{
		float: left;
	}
	#cycle-slideshow-video{
		height: 315px;
		width: 980px;
		position: relative;
	}
	#cycle-slideshow-video .video{

	}
	#cycle-slideshow-video .video img{
		/* max-height: 590px;
		max-width: 980px;
		display: inline-block;
		vertical-align: middle; */
	}
	#cycle-slideshow-video .cycle-prev{
		position: absolute;
		top: 137.5px;
		left: 0;
		background: url(../images/arrow_prev.png) no-repeat 100%;
		width: 40px;
		height: 40px;
		cursor: pointer;
		z-index: 101;
	}
	#cycle-slideshow-video .cycle-next{
		position: absolute;
		top: 137.5px;
		right: 2px;
	    background: url(../images/arrow_next.png) no-repeat 100%;
		width: 40px;
		height: 40px;
		cursor: pointer;
		z-index: 101;
	}
	.home-magazine-cycle-slideshow{
		height: 385px;
		width: 980px;
		position: relative;
		overflow: hidden;
	}
	.article-detail{
		width: 980px;
		padding: 0 0 30px 0;
		float: left;
	}
	.issue-share-start-container{
		width: 980px;
		height: 25px;
		margin: 15px 0;
		display: flex;
		color: #717171;
		float: left;
	}
	.issue-share-start-container .issue {
		width: 190px;
		display: inline-block;
		vertical-align: middle;
	}
	.issue-share-start-container .share{
		width: 600px;
		display: inline-block;
		text-align: center;
		height: 25px;
	}
	.issue-share-start-container .share img{
		padding: 0 9px;
	}
	.issue-share-start-container .start{
		width: 190px;
		display: inline-block;
		text-align: right;
		vertical-align: middle;
	}
	.title-content-container{
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
		float: left;
		width: 100%;
	}
	.article-detail .title, .article-detail .subtitle{
		/* width: 100%; */
		height: auto;
		padding: 5px 0;
		font-size: 22px;
		font-weight: bold;
		position: relative;
		float: left;
	}
/* 	.article-detail .subtitle{
		width: 100%;
		height: auto;
		padding: 5px 0;
		font-size: 20px;
		font-weight: normal;
		position: relative;
		line-height: 20px;
		float: left;
	} */
	.article-detail .status{
		position: absolute;
		right: 5px;
		top: 5px;
		font-size: 15px;
		background: #000;
		color: #fff;
		width: 140px;
		font-weight: normal;
		text-align: center;
		height: 23px;
		line-height: 23px;
	}	
	.article-detail .video-content{
		width: 100%;
		overflow: hidden;
		position: relative;
	}
	.article-detail .product-content{
		width: 100%;
		float: left;
		margin-bottom: 10px;
	}
	.article-detail .content{
		width: 100%;
		/* max-height: 150px; */
		overflow: hidden;
		position: relative;
		margin-bottom: 20px;
	}
	/* .article-detail .content:after {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
		background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,1)));
		background: -webkit-linear-gradient(top, rgba(255,255,255,0) 60%, rgba(255,255,255,1) 100%);
		background:    -moz-linear-gradient(top, rgba(255,255,255,0) 60%, rgba(255,255,255,1) 100%);
		background:     -ms-linear-gradient(top, rgba(255,255,255,0) 60%, rgba(255,255,255,1) 100%);
		background:      -o-linear-gradient(top, rgba(255,255,255,0) 60%, rgba(255,255,255,1) 100%);
		background:         linear-gradient(top, rgba(255,255,255,0) 60%, rgba(255,255,255,1) 100%);
	}
	.article-detail .content.show:after {
		background: none!important;
	} */
	.article-detail .read_more{
		/* text-align: center;
		width: 135px;
		height: auto;
		margin: 0 auto 30px; */
		display: none;
	}
	.article-detail .read_more img{
		cursor: pointer;
	}
	#mainAdDiv{
		width: 980px;
		height: 590px;
	}

	#video-container{
		padding: 0px;
	}
	.video-listivew{
		width: 980px;
		display: block;
		margin: auto 0px;
		/* height: 2140px; */
	}
	.video-listivew-col2{
		width: 480px;
		display: inline-block;
		height: 304px;
		overflow: hidden;
		position: relative;
		float: left;
	}

	.video-col2{
		display: inline-block;
		width: 480px;
		height: 364px;
		float: left;
		background: #ddd;
	}
	.video-col2 .video-article-title{
		width: 460px; 
		height: 35px;
		float: left;
		font-size: 22px;
		font-weight: bold;
		overflow: hidden;
		margin: 0 10px;
	}
	.video-col2 .video-article-start{
		width: 460px;
		height: 25px;
		margin: 0px;
		float: left;
		font-size: 16px;
		overflow: hidden;
		color: #727272;
		margin: 0 10px;
	}
	.video-col3{
		display: inline-block;
		width: 314px;
		height: 268px;
		float: left;
		background: #ddd;
		margin-bottom: 19px;
	}
	.video-listivew-col3{
		width: 314px;
		margin: 0px;
		display: inline-block;
		height: 211px;
		overflow: hidden;
		position: relative;
		float: left;
	}
	
	.video-col3 .video-article-title{
		width: 294px; 
		height: 34px;
		float: left;
		margin: 0 10px;
		font-size: 22px;
		font-weight: bold;
		overflow: hidden;
	}
	.video-col3 .video-article-start{
		width: 294px;
		height: 24px;
		margin: 0 10px;
		float: left;
		font-size: 16px;
		overflow: hidden;
		color: #727272;
	}
	.video-col3-middle{
		margin: 0 19px;
	}
	.video-col2-middle{
		margin-right: 20px;
	}
	.shop-container .background {
		width:980px;
		height: 750px;
		overflow: hidden;
		position: relative;
		float: left;
	}
	.shop-listivew{
		width: 980px;
		display: block;
		margin: auto 0px;
	}
	.shop-col4-middle{
		margin-right: 40px;
	}
	.shop-col4{
		display: inline-block;
		width: 215px;
		height: 215px;
		float: left;
		margin-bottom: 30px;
	}
	.shop-listivew-col4{
		width: 215px;
		display: inline-block;
		height: 215px;
		overflow: hidden;
		position: relative;
		float: left;
	}
	.shop-listivew-col4 #details{
		position: absolute;
		top: 0px;
		width: 100%;
		height: 100%;
		overflow: hidden;
		color: #fff;
		font-size: 16px;
		z-index: 1;
		 display: none; /**/
	}


	.shop-listivew-col4 #details #background{
		position: absolute;
		top: 0px;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 0.8;
		background: #000;
		z-index: -1;
	}
	.shop-listivew-col4 #details .product-code{
		float: left;
		width: 100%;
		color: #fff;
		font-size: 14px;
		line-height: 19px;
		padding: 5px 5px 0px;
		word-break: break-word;
	}
	.shop-listivew-col4 #details .product-title{
		float: left;
		padding: 5px 5px 0px;
		color: #fff;
		font-size: 18px;
		overflow: hidden;
		width: 100%;
	}
	.shop-listivew-col4 #details .product-price{
		float: left;
		padding: 5px;
		font-size: 16px;
		color: #fff;
		overflow: hidden;
		word-break: break-word;
		width: 100%;
	}
	.shop-listivew-col4 #details .product-status{
		margin: 0px auto;
		font-size: 17px;
		color: #000;
		background: #fff;
		overflow: hidden;
		width: 100%;
		font-weight: bold;
		height: 25px;
		position: absolute;
		bottom: 15px;
		text-align: center;
	}
	#shop{
		float: left;
		width: 100%;
		margin-bottom: 10px;
	}
	#shop #cart{
		font-size: 18px;
		font-weight: bold;
		border-bottom: 2px solid #000;
		max-width: 769px;
		margin: 0 auto;
	}
	#shop #cart-list{
		max-width: 769px;
		margin: 0 auto;
	}	

	#buttonRemove{
		font-size: 15px;
		background: #000;
		color: #fff;
		width: 100px;
		font-weight: normal;
		text-align: center;
		height: 23px;
		line-height: 23px;
		padding: 0px;
	}
	#buttonRemove a, #buttonRemove a:hover{
		color: #fff;
		text-decoration: none;
	}	

	#timer-container{
		position: absolute;
		width: 65px;
		z-index: 0;
		top: 67px;
		right: 0px;
	}
	#timer-position{
		width: 65px;
		margin: 0 auto;
		position: relative;
		text-align: right;
	}
	.whats_hot{
		display: inline-block;
		float: left;
		width: 318px;
	}
	.whats_hot img{
		width: 318px;
	}
	.whats-hot-container{
		float: left;
		width: 318px;
		margin: 0 0 0px 0;
		display: block;
		border: 4px solid #000;
		border-top: 0;
	}
	.whats-hot{
		display: inline-block;
		float: left;
		width: 294px;
		height: 90px;
		margin: 15px 8px 5px;
		vertical-align: middle;
		border-bottom: 1px #8F8B8A dotted;
	}
	.whats-hot .mask{
		cursor: pointer;
		height: 100%;
		position: absolute;
		width: 100%;
		top: 0;
	}
	.whats-hot a:hover >  .image .mask{
		background-color: rgba(0,0,0,0.5);
	}
	.whats-hot a:hover > .image img {
		/* transform: scale(1.2,1.2); */
		/* transition: ease-out 500ms; */
		/* -ms-transform: scale(1.2,1.2); */
		/* -webkit-transform: scale(1.2,1.2); */
		/* -webkit-transition: ease-out 500ms; */
	}	
	.whats-hot-left{
		#margin-right: 10px;
	}
	.whats-hot .image{
		width: 130px;
		height: 86px;
		overflow: hidden;
		float: left;
		display: inline-block;
		position: relative;
	}
	.whats-hot .detail{
		width: 151px;
		height: 86px;
		padding: 0px;
		float: left;
		margin-left: 10px;
		position: relative;
	}
	.whats-hot .detail #category{
		font-size: 12px;
        padding-top: 30px;
		color: #8F8B8A;
	}
	.whats-hot .detail #title{
		max-height: 18px;
		overflow: hidden;
		font-size: 14px;
		line-height: 18px;
		overflow: hidden;
		color: #8F8B8A;
	}
	.whats-hot .detail #description{
		font-size: 16px;
		color: #9a9a9a;
		max-height: 65px;
		overflow: hidden;
	}
	
/* 	.related-article-container{
		float: left;
		width: 980px;
		margin: 0 0 20px 0;
		display: block;
	}
	.related-article{
		width: 485px;
		height: 152px;
		display: inline-block;
		background: #ddd;
		margin-bottom: 10px;
		float: left;
		border: 1px solid #000;
	}
	.related-article-left{
		margin-right: 10px;
	}
	.related-article .image{
		width: 150px;
		height: 150px;
		overflow: hidden;
		float: left;
		display: inline-block;
	}
	.related-article .detail{
		width: 333px;
		height: 150px;
		padding: 8px;
		float: left;
	}
	.related-article .detail #category{
		font-size: 12px;
	}
	.related-article .detail #title{
		max-height: 48px;
		overflow: hidden;
		font-size: 22px;
		margin: 0 0 5px 0;
		line-height: 24px;
	}
	.related-article .detail #description{
		font-size: 16px;
		color: #9a9a9a;
		max-height: 65px;
		overflow: hidden;
	} */
	#videofilm-container{
		padding: 0px;
		float: left;
		width: 100%;
	}
	.videofilm-listivew{
		width: 980px;
		display: block;
		margin: auto 0px;
	}
	.videofilm-col2{
		display: inline-block;
		width: 490px!important;
		height: 315px;
		float: left;
		position: relative;
		cursor: pointer;
	}
	.videofilm-listivew-col2{
		width: 490px;
		margin: 0px;
		display: inline-block;
		height: 315px;
		overflow: hidden;
		position: relative;
		float: left;
	}
	
	.videofilm-col2-middle{
		margin: 0px;
	}
	.video-play-icon{
		margin: 0!important;
		position: absolute;
		top: 142px;
		left: 223px;
		min-height: auto!important;
		opacity: 0.6;
		width: 44px;
		height: 31px;
	}
	#search-result-count{
		color: #000;
		margin: 0;
		font-size: 28px;
		position: relative;
		display: inline-block;
		text-align: left;
		height: 40px;
		width: 100%;
	}
	#no-result{
		color: #000;
		margin: 0px 20px;
		display: inline;
		font-size: 28px;
		position: relative;
		display: inline-block;
		text-align: center;
		height: 40px;
	}
	#search-container{
		padding: 20px 0 0px;
	}
	.search-listivew{
		width: 980px;
		display: block;
		margin: auto 0px;
	}

	.search-col3-middle{
		margin: 0 40px;
	}
	.search-listivew-col3{
		width: 300px;
		margin: 0px;
		display: inline-block;
		height: 300px;
		overflow: hidden;
		position: relative;
		float: left;
	}
	.search-listivew-col3 #details{
		position: absolute;
		bottom: 0px;
		margin: 3px;
		width: 295px;
		overflow: hidden;
		color: #fff;
		font-size: 16px;
		z-index: 1;
	}

	.search-col3{
		display: inline-block;
		width: 300px;
		height: 400px;
		float: left;
	}

	.search-col3 .search-article-title{
		width: 280px; 
		height: 30px;
		float: left;
		margin: 10px;
		font-size: 22px;
		font-weight: bold;
		overflow: hidden;
	}
	.search-col3 .search-article-description{
		width: 280px;
		height: 45px;
		margin: 0 10px;
		float: left;
		font-size: 16px;
		overflow: hidden;
		color: #727272;
	}
	.search-listivew-col3 #details #category{
		line-height: 20px;
		font-size: 12px;
		margin: auto 3px;
	}
	.search-listivew-col3 #background{
		background: #000;
		width: 100%;
		height: 25px;
		position: absolute;
		bottom: 0;
		opacity: 0.6;
		z-index: -1;
	}
	.detail-container{
		/* float: left; */
/* 		padding-right: 15px;
		padding-left: 15px;
		margin-right: auto;
		margin-left: auto;
 */		width: 980px;
		display: block;
	}
	.medium-rectangle-ad-container{
		width: 980px;
		float: left;
		height: 250px;
		margin: 10px auto;
		text-align: center;
		display: table;
	} 
	.medium-rectangle-ad{
		width: 300px;
		height: 250px;
		display: inline-block;
		margin: auto 94px;
		overflow: hidden;
	}
/*

	.nav-wrap {width: 100%; position: relative; margin: 10px 0;}
	.nav {margin:0; padding:0; list-style:none; width: 980px; margin: 0 auto; border-bottom: 2px solid #000;}
	.nav a {text-decoration:none; padding: 0!important; color: #333;}
	.nav a:hover {text-decoration:none; padding: 0!important; color: #666;}
	.nav li ul {list-style:none;}


	.nav li {float:left;padding: 0 0 0px 0;position:relative; }
	.nav li li {float:left;padding: 6px;position:relative; font-size: 13px;}
	.nav li div {display:none;position:absolute; left:-22px; width:470px; z-index: 1000;}
	.nav li:hover > div {display:block;}
	.nav .nav-column {float:left;}
	#nav-column-creative {width:980px; left: -394px;}

	.submenu-background{ width: 100%; background: #E6E6E6; height: 30px; position: absolute; top: 72px; display:none; z-index: 204;}

	.nav:hover + .submenu-background {display:block; } */
/* not very relevant styling */
	.nav a:hover {text-decoration:none; color: #fff;}
	.banner-container { position: relative; margin: 0 auto; width: 980px; padding: 0; z-index: 1111; margin-bottom: 2px; height: 82px; border-bottom: 2px solid #000;}
	.header    { background: #fff; width: 100%;}
	.nav       { background: #fff; }

	/* relevant styling */
	body { overflow-x: hidden; } /* trick from css-tricks comments */

	/* FIRST LEVEL */

	.nav > ul > li { 
	  display: inline-block; 
	  position: relative; 
	  padding: 5px 0;
	  z-index: 100;
		list-style: none;
		float: left;
	}
	.nav > ul > li:hover { 
		background: rgba(193, 193, 193, 0.88);
	}
	/* SECOND LEVEL */
	.nav > ul > li > ul {
	  position: absolute;
	  left: 0;
	  top: 97%;
	  padding: 0 1000em; /* trick from css-tricks comments */
	  margin: 0 -1000em; /* trick from css-tricks comments */
	  z-index: 101;
	  visibility: hidden;
	  opacity: 0;
	  background: rgba(193, 193, 193, 0.88);
	}

	.nav > ul > li:hover > ul {
	  visibility: visible;
	  opacity: 1;
	}

	.nav > ul > li > ul > li {
		padding: 3px 0;
		float: left;
		
	}

	.nav > ul > li:hover .drop {
	  font-weight: bold;
	}
	.submenu{
		display: inline-block;
		padding: 5px;
		font-size: 15px;
		font-weight: bold;
		font-family: "Helvetica Roman",sans-serif;
	}	
	.submenu1, .submenu2, .submenu3, .submenu6, .submenu8{
		width: 980px;
	}	
	.submenu5, .submenu7{
		width: 980px;
	}		
	#menu-leisure{
		padding: 0px 978em;
	}
	#menu-creative{
		padding: 0px 971.5em;
	}
	#alt-caption{
		height: auto;
		color: #fff;
		width: 100%;
		z-index: 111;
		position: absolute;
		background: rgba(0, 0, 0, 0.5);
		bottom: 0;
		padding: 0px;
		font-size: 8px;
		text-align: center;
	}
	#basel, #basel img{
		width: 490px;
		float: left;
	}
	#basel-container{
		width: 980px;
		height: auto;
		display: inline-block;
		margin: 10px 0 0;
		/* border: 1px solid #000; */
	}
	.basel-container{
		border: 1px solid #000;
	}
	.basel-thumbnail{
		width: 160px;
		height: auto;
		float: left;
		margin: 0px 0 0;
		height: 160px;
		overflow: hidden;
	}
	.basel-thumbnail img{
		/* width: 160px; */
		height: auto;
		float: left;
	}
	#basel-detail{
		width: 328px;
		height: auto;
		float: left;
		padding: 0 5px;
		overflow: hidden;
		line-height: 19px;
	}
	#basel-title{
		width: 100%;
		height: 25px;
		float: left;
		font-size: 18px;
		font-weight: bold;
		overflow: hidden;
		color: #000;
		line-height: 25px;
	}
	
	.basel-listivew{
		width: 980px;
		height: auto;
		overflow: hidden;
		position: relative;
	}
	.basel-top{
		width: 980px;
		height: 590px;
		overflow: hidden;
		position: relative;
	}
	.basel-top-listivew{
		width: 980px;
		height: 590px;
		overflow: hidden;
		position: relative;
	}
	.basel-top-listivew #details{
		position: absolute;
		bottom: 0;
		background: rgba(0, 0, 0, 0.6);
		width: 100%;
		color: #fff;
		padding: 5px;
	}
	.basel-top-listivew  .basel-title{
		font-size: 22px;
		font-weight: bold;
	}
	.basel{
		width: 980px;
		height: 318px;
		overflow: hidden;
		position: relative;
	}
	.basel-others-listivew{
		width: 318px;
		height: 318px;
		overflow: hidden;
		position: relative;
		float: left;
	}
	.basel #details{
		float: left;
		width: 662px;
		height: 318px;
		color: #fff;
		padding: 0 5px;
		overflow: hidden;
	}
	.basel .basel-title{
		font-size: 22px;
		font-weight: bold;
		color: #000;
	}
	.basel-start{
		font-size: 14px;
		color: #666;
	}
	.basel .basel-description{
		font-size: 18px;
		color: #000;
	}
	.basel-line{
		border-top: 1px solid #000;
		width: 100%;
		margin: 5px 0;
	}
	
	.basel-brand-listivew{
		width: 980px;
		height: auto;
		overflow: hidden;
		position: relative;
	}
	.basel-brand-each{
		width: 488px;
		/*display: inline-block;  */
		margin: 0 auto;
		height: auto;
		float: left;
	}
	.basel-brand-logo, .basel-brand-logo img{
		text-align: center;
		max-height: 100px;
		max-width: 490px;
		margin: 0 auto;
	}
	.pager-button-basel{
		width: 460px;
		height: 318px;
		overflow: hidden;
		position: relative;
		display: -webkit-box;
		margin: 0 auto;
	}
	.basel-brand{
		width: 318px;
		height: 318px;
		overflow: hidden;
		position: relative;
		float: left;
	}
	.basel-brand-image{
		width: 318px;
		height: 318px;
		overflow: hidden;
		position: relative;
		float: left;
	}
	.pager-button-basel ul{
		width: 20000em;
		position: relative;
		list-style: none;
		margin: 0;
		padding: 0;
	}	
	.pager-button-basel li{
		float: left;
		width: 318px;
		height: 318px;
		overflow: hidden;
		margin-right: 13px;
	}
	.jcarousel-basel{
		width: 318px;
		overflow: hidden;
		margin: 0 auto;
	}
	.basel-brand-image #details{
		position: absolute;
		bottom: 0;
		width: 100%;
		height: auto;
		background: rgba(0, 0, 0, 0.5);
	}
	.basel-brand-image .title{
		color: #fff;
		margin: 5px;
		font-size: 18px;
	}
	.jcarousel-basel-control-prev{
		position: absolute;
		top: 120px;
		left: 0;
	}
	.jcarousel-basel-control-next{
		position: absolute;
		top: 120px;
		right: 0;
	}
	#basel-container #submenu{
		font-weight: bold;
		padding: 20px 0 30px;
	}	
	#basel-container #submenu ul li a {
		font-size: 18px; 
	}
	.slideshow-home-basel{
		width: 488px;
		height: 160px;
		overflow: hidden;
		position: relative;
		display: -webkit-box;
		float: left;
	}
	.slideshow-home-basel ul {
		width: 20000em;
		position: relative;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.slideshow-home-basel ul li{
		float: left;
		width: 488px;
		height: 160px;
		overflow: hidden;
	}
	.slideshow-home-basel li {
		visibility: visible;
		display: block;
	}
	#full-basel-banner, #full-basel-banner img{
		width: 100%;
		margin-bottom: 5px;
	}
	.subscription_form{
		width: 980px;
		height: 1240px;
		overflow: hidden;
		border: 0px;
		margin: 0 auto;
	}
	.banner-detail-count1{
		width: 980px;
	}
	.banner-detail-count2{
		width: 490px;
	}
	.banner-detail-count3{
		width: 326.5px;
	}
	.banner-detail-count4{
		width: 245px;
	}
	.banner-detail-count5{
		width: 196px;
	}
	.basel-brand-each-empty{
	    height: 418px;
	}
	.basel-brand-logo-empty{
		height: 150px;
		max-height: 130px;
	}
}
.app_download{
	height:80px;
}
.app_download_fixed{
	position:fixed;
	z-index:999;
	width:100%;
	height:80px;
	background:#e6e6e6;
	text-align:center;
}
.app_download_icon{
	position:relative;
	left:5px;
	top:5px;
	float:left;
	width:20%;
}
.app_download_icon img{
	width:70px;
}
.app_download_content{
	position: absolute;
	width: 79%;
	right: 0px;
}
.app_download_link, .app_download_hidden{
	position:relative;
	font-size:18px;
	margin:5px;
	line-height: 35px;
}
.app_download_link{
	color:white;
	background:#7f7f7f;
}
.app_download_link  a, .app_download_hidden  a{
	text-decoration: none;
	color: inherit;
}
.inside_image{
	width:100%!important;
	height:100%!important;
	margin:inherit!important;
}
