/* */
html, body{ width: 100%; height: auto; margin: 0; overflow: hidden; overflow-y: auto;}
input[type=text], select, option, input[type=submit], input[type=reset],input[type=password] { background: none; border: 0 none; appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; box-shadow: 0 0 0 0; -moz-box-shadow: 0 0 0 0; -webkit-box-shadow: 0 0 0 0; font-family: 'Roboto Condensed', sans-serif }
body input,input[type=text], select, option,input[type=submit], input[type=reset],input[type=password] { margin: 0; appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; box-shadow: 0 0 0 0; -moz-box-shadow: 0 0 0 0; -webkit-box-shadow: 0 0 0 0; }
body input[type=submit], input[type=reset] { cursor: pointer; }
body input:focus, select:focus { box-shadow: none; outline: 0; border-color: none }
body input[type=submit]:hover, input[type=reset]:hover { }
input[type=text], input[type=submit], input[type=reset],input[type=password], textarea { background: none; border: 0 none; appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; box-shadow: 0 0 0 0; -moz-box-shadow: 0 0 0 0; -webkit-box-shadow: 0 0 0 0; }
h2 > .ui, h3 > .ui { background: url('../imgs/iconsHeading.png') no-repeat; margin-right: 7px; width: 30px; height: 24px; display: inline-block; float: left; }
#worldwide h2 .ui { background-position: -188px 0; width: 23px; }
#worldwide .newTrack h2 .ui { background-position: -212px 0; width: 24px; }
h2 .topLine, h3 .topLine { position: absolute; width: 90px; top: 0; height: 3px; background-color: #252525; display: inline-block; }
section > h2, .worldwideBg h2, section > h3 { position: relative; display: inline-block; line-height: 29px }
.newTrack h2 .topLine { width: 95px }
/* header */
header .bg1200 { width: 1200px; margin: 0 auto; position: relative; }
header h1 { z-index: 12000; position: absolute; right: 138px; top: 25px; font-size: 18px; }
h1 .italic { font-style: italic; }
header h1 .ui { display: inline-block; width: 27px; height: 27px; margin-top: -4px; background: url('../imgs/logo.jpg') no-repeat; margin-right: 11px; vertical-align: middle }
#mainMenu h2 a { z-index: 1000; position: fixed; top: 0; right: 0; display: block; width: 70px; height: 70px; background-color: #252525 }
#mainMenu h2 a span { width: 25px; height: 2px;display: block; margin: 0 auto; margin-bottom: 4px; background-color: #fff }
#mainMenu h2 a span:first-child { margin-top: 27px }
#mainMenu h2 .hide { display: none; text-indent: -999999999px }
#mainMenu h2 a:hover, #subHeader input[type=submit]:hover{ background-color: #353535}
nav { display: none; width: 100%; height: auto; top: 0; overflow-y:auto; height: 700px; position: fixed; z-index: 20000; }
.navBg { display: none; z-index: 20000; width: 100%; height: 100%; min-height: 700px; position: fixed; background-color: #000; opacity: 0.9; }
nav a { color: #fff; opacity: 0.7; display: block; width: 100%; font-weight: 600; font-size: 20px; text-align: center; margin-bottom: 10px; }
nav a.cultureLink { margin-top: 50px }
nav a:hover { opacity: 1 }
nav a.close { width: 70px; height: 65px; padding-top: 5px; background-color: #000; position: fixed; right: 0; top: 0; text-indent: -99999px; text-align: center; }
nav a.close span { display: block; width: 30px; height: 2px; background-color: #fff; margin: 0 auto; }
nav a.close span:first-child { transform: rotate(45deg); }
nav a.close span:last-child { transform: rotate(-45deg) translate(2px, -1px); }
.logInUp { z-index: 1000; position: absolute; font-size: 14px; top: 385px; left: 955px }
.logItnUp a { opacity: 0.8; display: inline-block; margin-right: 10px; font-weight: 600 }
.logInUp span { display: inline-block; }
.logInUp a.signUp { margin-left: 10px; color: #ec3c46; font-style: italic }
.logInUp a:hover { opacity: 1; }
header .sns { z-index: 1000; position: fixed; right: 26px; top: 110px; }
header .sns li { text-indent: -9999999px; margin-bottom: 30px; }
header .sns li a { opacity: 0.2; display: block; width: 18px; height: 18px;background: url('../imgs/sns.png') no-repeat; }
header .sns li:nth-child(2) a { background-position: -18px 0 }
header .sns li:nth-child(3) a { background-position: -40px 0 }
header .sns li:nth-child(4) a { background-position: -59px 0 }
header .sns li a:hover { opacity: 0.7; }
/* #banner */
#banner { width: 1200px; margin: 0 auto; position: relative; }
#banner .groupping { position: absolute; top: 0; left: 0; width: 910px; height: 436px }
.groupping.first { text-align: center; background: url('../imgs/readyImg.jpg') no-repeat; }
.groupping.first h2 { position: absolute; left: 20px; top: 20px; display: inline-block; color: #fff; font-family: "Times New Romans", serif; padding: 5px 5px; border: 2px solid #fff; }
.groupping.first .line { position: absolute; top: 222px; left: 234px; display: block; width: 250px; height: 3px; background-color: #fff02a; }
#banner .groupping.first h3 { color: #fff; font-size: 41px; margin-top: 165px; margin-bottom: 25px; }
#banner .groupping.first h3 .yellow { color: #fff02a; font-style: italic }
#banner .groupping.first p { margin-left: 345px; text-align: left; width: 330px; height: 200px; color: #fff; font-size: 14px; font-weight: 400 }
.groupping.first .seeBg { opacity: 0.9; z-index: 500; text-align: left; position: absolute; left: 235px; top: 245px; width: 80px; height: 80px; background-color: #fff02a; border-radius: 50%; }
.groupping.first .seeBg span.seemore { font-size: 25px; color: #fff; line-height: 24px; margin-left: 40px; height: 40px; display: inline-block; margin-top: 15px }
.groupping.first .seeBg span .break { display: block }
.groupping.first .seeBg:hover { opacity: 1; }
#banner .linkBg { position: absolute; right: 70px; top: 0; display: block; width: 220px; height: 436px; background-color: #fff; }
#banner ul > li > a .ui { display: inline-block; width: 16px; height: 16px; margin-right: 20px }
#banner ul > li > a { margin-top: 10px; opacity: 0.4; font-weight: 600; position: absolute; left: 955px; top: 92px; line-height: 14px; font-size: 15px; }
#banner ul > li:nth-child(2) > a { top: 130px; }
#banner ul > li:nth-child(3) > a { top: 166px }
#banner ul > li:nth-child(4) > a { top: 204px }
#banner ul > li:nth-child(5) > a { top: 243px }
#banner ul > li:nth-child(6) > a { top: 281px }
#banner ul > li:nth-child(7) > a { top: 321px }
#banner ul > li > a .ui { background: url('../imgs/icon.png') no-repeat; float: left }
#banner ul > li:first-child > a .ui { width: 19px; margin-right: 17px }
#banner ul > li:nth-child(2) > a .ui { background-position: -20px 0px; width: 18px; margin-right: 18px }
#banner ul > li:nth-child(3) > a .ui { background-position: -38px 0px }
#banner ul > li:nth-child(4) > a .ui { background-position: -53px 0px }
#banner ul > li:nth-child(5) > a .ui { background-position: -68px 0px }
#banner ul > li:nth-child(6) > a .ui { background-position: -83px 0px }
#banner ul > li:nth-child(7) > a .ui { background-position: -99px 0px }
#banner ul > li > a:hover { transition: 0.3s; opacity: 1 }
#banner ul > li > a.active { font-style: italic; opacity: 1 }
#banner .groupping { display: none }
#banner li:first-child .groupping { display: block }
/* #subHeader */
#subHeader { width: 1200px; margin: 0 auto; margin-top: 460px; position: relative; }
.popularSec { width: 375px; height: 350px; }
.popularSec > ul > li > ol { position: absolute; top: 70px; left: 0; height: 280px; background-color: #fff; width: 375px }
.popularSec > ul > li > a { width: 50%; font-size: 16px; font-weight: 600; line-height: 55px; display: inline-block; height: 70px; text-align: center; background-color: #ebebeb }
.popularSec > ul > li:first-child > a { float: left; }
.popularSec > ul > li.active > a, .popularSec > ul > li > a:hover { background-color: #252525; color: #fff; }
.popularSec > ul > li > a .ui { display: inline-block; width: 29px; height: 17px; background: url('../imgs/iconsHeading.png') no-repeat -277px 0px; margin-right: 5px; }
.popularSec > ul > li:last-child > a .ui { background-position: -337px 2px; width: 30px; height: 19px; margin-bottom: -2px }
.popularSec > ul > li:last-child > a:hover .ui { background-position: -369px 2px; width: 30px; height: 19px;}
.popularSec > ul ol li a dt { float: left; }
.popularSec > ul ol li a .name { display: none; }
.popularSec > ul ol li a.active dt { width: 43px; text-align: center; line-height: 43px; font-size: 14px; color: #fff; height: 43px; background-color: #ff005e; float: left; }
.popularSec > ul ol li a.active .name { display: inline-block; font-weight: normal; margin: 5px 0 0 7px; opacity: 0.5; }
.popularSec > ul ol li a.active .title { margin-left: 50px; }
.popularSec > ul ol li a .title { margin-left: 22px; }
.popularSec > ul > li:nth-child(2) ol { display: none }
.popularSec > ul ol li a.active dl { opacity: 1; height: 43px; margin: 0 0; border-bottom: 1px solid #ebebeb; border-top: 1px solid #ebebeb; }
.popularSec > ul ol li:first-child a.active dl { border-top: 0 none }
.popularSec > ul ol li a dl { margin: 8.5px 0 8.5px 15px }
.popularSec > ul ol li { display: block; }
.popularSec > ul ol li a dl { opacity: 0.3; }
.popularSec > ul ol li a:hover dl { opacity: 1; }
.pickMonth { z-index: 900;opacity: 0.7; position: absolute; left: 0; top: 39px; width: 188px; text-align: center; }
.pickMonth a { color: #fff }
.pickMonth .prevNext { position: absolute; top: 0; width: 100px; left: 43px }
.pickMonth .prevNext a { float: left; opacity: 0.5; }
.pickMonth .prevNext a:hover { opacity: 1; }
.pickMonth .prevNext a:nth-child(2) { float: right }
.popularSec > ul > li:nth-child(2) .pickMonth { left: 188px; }
.popularSec > ul > li:nth-child(2) .pickMonth a { color: #131313 }
.recomBg { position: absolute; right: 0; top: 70px; line-height: 40px; width: 800px; height: 40px; background-color: #ebebeb }
.recomBg ul li { display: inline-block; margin-right: 10px; }
.recomBg h2 { float: left; margin-left: 15px; opacity: 0.5; }
.recomBg .breakline { display: inline-block; width: 2px; height: 15px; margin: 0 15px; float: left; margin-top: 12.5px; background-color: #fff }
.recomBg ul li a { opacity: 0.4; font-weight: normal }
.recomBg ul li a:hover{ opacity: 0.6 }
.todayBg { position: absolute; top: 110px; right: 0; width: 800px; }
.todayBg .rectBg { position: absolute; top: 92px; text-align: center; line-height: 56px; left: -92px; background-color: #252525; color: #fff; height: 56px; width: 240px; transform: rotate(90deg); }
.todayBg .rectBg h3 { font-size: 14px; opacity: 0.7; }
.todayBg .groupping { background-color: #fff; height: 240px; width: 744px; float: right; overflow: hidden; }
.todayBg ul { width: 1000px; }
.todayBg ul li { text-align: center; display: inline-block; width: 154px; margin-right: 10px; margin-top: 10px; height: auto; float: left; }
.todayBg ul li .date { font-size: 11px; opacity: 0.5; font-style: italic; margin: 3px 0; font-weight: 100 }
.todayBg ul li dt { text-transform: uppercase; font-size: 14px; padding-top: 5px; font-weight: 600 }
.todayBg ul li .descript { font-weight: 100 }
.todayBg .bestPic { display: inline-block; width: 154px; height: 154px; background: url('../imgs/bestPic.jpg') no-repeat; }
.todayBg ul li:nth-child(2) .bestPic { background-position: -155px 0 }
.todayBg ul li:nth-child(3) .bestPic { background-position: -310px 0 }
.todayBg ul li:nth-child(4) .bestPic { background-position: -465px 0 }
.todayBg ul li:nth-child(5) .bestPic { background-position: -619px 0}
.todayBg ul li:nth-child(6) .bestPic { background-position: -619px 0 }
.todayBg ul li a { opacity: 0.8 }
.todayBg ul li a dl { opacity: 0.7 }
.todayBg ul li a:hover { opacity: 1 }
.todayBg ul li a:hover dl { opacity: 1 }
.rectBg .rect { display: inline-block; width: 7px; height: 7px; border: 2px solid #fff; margin-right: 5px; }
#mainSearch { position: absolute; top: 460px; width: 800px; right: 0; background-color: #fff; margin-top: -460px }
#mainSearch select { float: left; width: 60px; margin-top: 26px; font-size: 14px; font-weight: bold; margin-left: 20px; background: url('../imgs/arrowDown.jpg') no-repeat right 5px; }
#mainSearch select:hover { cursor: pointer }
#mainSearch input[type=text] { font-size: 14px; width: 550px; opacity: 0.5; line-height: 70px; margin-left: 20px }
#mainSearch .breakline { float: left; display: inline-block; width: 2px; height: 20px; margin-top: 26px; margin-left: 20px; background: #ebebeb }
#subHeader input[type=submit] { float: right; width: 70px; height: 70px; background: #252525 url('../imgs/search.png') no-repeat center center; text-indent: -99999px }
#wrapper .scrolled { z-index: 1000; position: fixed; top: 0; right: 70px; margin-top: 0; width: 100%; box-sizing: border-box; height: 70px; border-bottom: 3px solid #131313; padding-left: 228px; background-color: transparent; }
#wrapper .logoScrolled { z-index: 12000; position: fixed; right: auto; left: 0; top: 0; width: 150px; border-right: 2px solid #ebebeb; text-align: center; height: 67px; line-height: 70px }
#wrapper .bgScrolled { z-index: 900; height:70px; width: 100%; left: 0; top: 0; position: fixed; }
/* #content */
#content { clear: both; overflow: hidden }
/* #news */
#news { overflow: hidden; margin-top: 50px; padding: 50px 0; background-color: #fff; width: 100%; }
.newsBg { position: relative;width: 1200px; margin: 0 auto }
.newsBg h2 { position: relative; font-size: 18px; display: inline-block; margin-bottom: 8px; line-height: 31px; }
.newsBg h2 .ui { background-position: -114px 0; width: 23px; }
.newsBg h2 .topLine { width: 103px }
.newsBg .weather h2 { display: none }
.newsBg ul { position: relative; width: 900px; }
.newsBg ul li { width: 433px; margin-left: 467px; border-top: 2px solid #ebebeb }
.newsBg ul li h3 { font-size: 14px }
.newsBg ul li a { display: inline-block; width: 100%; font-weight: 600; padding: 11px 0; color: #6c6c6c; opacity: 0.6; }
.newsBg ul li a:hover { opacity: 1; }
.newsBg ul li:first-child { height: 258px; position: absolute; margin-left: 0; padding: 0; border-top: 0 none; border-bottom: 2px solid #ebebeb }
.newsBg ul li:first-child a { padding: 0; opacity: 1; }
.newsBg ul li:nth-child(7) { border-bottom: 2px solid #ebebeb }
.newsBg ul li:last-child { position: absolute; right: 0; width: 64px; top: -29px; margin-left: 0; border-top: 0 none; }
.newsBg ul li:last-child a { width: 64px; height: 22px; display: inline-block; text-align: center; line-height: 22px; background-color: #848484; font-size: 10px; opacity: 0.8; color: #fff; padding: 0 }
.newsBg ul li:last-child a:hover { opacity: 1; }
.newsBg .newsImg { display: inline-block; width: 433px; height: 172px; background: url('../imgs/newsImg.jpg') no-repeat; }
.newsBg ul li:first-child h3 { padding: 10px 0 6px 0; }
.newsBg ul li:first-child p { opacity: 0.6; font-size: 12px; font-weight: normal; height: 31px; overflow: hidden }
.newsBg .ad1 { position: absolute; right: -2px; top: 126px; font-weight: 100; color: #6c6c6c; text-transform: lowercase; font-style: italic; }
.newsBg .ad1 img { margin-bottom: 3px }
.newsBg .ad1 a { opacity: 0.9 }
.newsBg .ad1 a:hover { opacity: 1; }
.weather { position: absolute; top: 4px; right: 0; width: 270px; height: 113px }
.weather .group1, .weather .group1 h3, .weather a { font-size: 18px; font-weight: 100 }
.weather .group1 h3, .weather .group1 a, .weather .group1 p { display: inline-block; }
.weather .group1 p,.weather .group1 a { font-size: 14px }
.weather .group1 a { opacity: 0.7; }
.weather .group1 a:hover { opacity: 1; }
.weather .group1 { position: relative; width: 100%; line-height: 22px; vertical-align: center; }
.weather .group1 .area { position: absolute; top: 3px }
.weather .group1 h3, .weather .group1 p.descript { color: #777777; border-right: 1px solid #ebebeb; padding-right: 10px; margin-right: 10px }
.weather .group1 h3 .icon { float: left; display: inline-block; width: 22px; height: 22px; background: url('../imgs/weatherIcons.png') no-repeat; margin-right: 10px; }
.weather .group1 .area .icon { float: left; margin-right: 5px; display: inline-block; width: 14px; height: 22px; background: url('../imgs/weatherIcons.png') no-repeat -22px 0; }
.weather .group2 { position: relative; width: 270px; overflow: hidden; padding: 10px 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; margin: 10px 0; background-color: #fbfbfb}
.weather .group2 ol { padding: 0 20px; width: 2000px; }
.weather .group2 ol .icon { display: inline-block; width: 19px; height: 30px; background: url('../imgs/weatherIcons.png') no-repeat -36px 5px;float: left; margin-right: 5px; }
.weather .group2 ol li { display: inline-block; width: 50px; float: left; padding: 0 5px }
.weather .group2 ol li dl { font-size: 10px; color: #848484 }
.weather .group2 ol li dl dd { font-size: 13px; margin-top: -2px }
.weather .group2 ol li:nth-child(3) .icon { background-position: -55px 8px; opacity: 0.8; width: 16px; margin-right: 8px }
.weather .group2 .prevNext a { position: absolute; z-index: 500; top: 17px; left: 10px; display: block; background: url('../imgs/weatherIcons.png') no-repeat -71px 0; text-indent: -99999999px; width: 7px; height: 15px; }
.weather .group2 .prevNext a:last-child { background-position: -79px 0; right: 10px; left: auto; }
.weather .group2 .prevNext a:hover { opacity: 1; }
.weather .group3 ol { width: 300px; }
.weather .group3 ol li { display: inline-block; float: left; }
.weather .group3 ol li a { display: inline-block; font-size: 12px; margin-right: 9px; font-weight: 300; opacity: 0.5; }
.weather .group3 ol li a:hover { opacity: 1; }
/* #worldwide */
#worldwide { padding: 50px 0 }
.worldwideBg { position: relative; width: 1200px; margin: 0 auto }
.worldwideBg h2 { font-size: 18px; margin-bottom: 12px }
.worldwideBg ul { position: relative; width: 900px; }
.worldwideBg > ul > li > a { position: absolute; top: -33px; font-weight: 600; left: 140px; }
.worldwideBg > ul > li:nth-child(2) > a { left: 170px; opacity: 0.5; }
.worldwideBg > ul > li:nth-child(3) > a { left: 207px; opacity: 0.5; }
.worldwideBg > ul > li:nth-child(4) > a { left: 260px; opacity: 0.5; }
#wrapper .worldwideBg .withImg a { opacity: 1; position: relative; padding: 0; width: 433px; height: 183px; display: inline-block; }
.worldwideBg .withImg .bg1 { display: inline-block; width: 100%; height: 100%; background: url('../imgs/englandImg.jpg') no-repeat; }
.worldwideBg .withImg { border-bottom: 0 none }
.worldwideBg li:nth-child(5).withImg .bg1 { background-image: url('../imgs/europeImg.jpg'); }
.worldwideBg .withImg .bg2 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.7; transition: 0.3s; }
.worldwideBg li.withImg .groupping { position: absolute; color: #fff; margin: 0 auto; width: 300px; left: 66.5px; top: 40px; }
.worldwideBg li.withImg .groupping h3 { font-style: italic; font-weight: 400 }
.worldwideBg li.withImg .groupping h4 { margin: 3px 0 5px 0; font-size: 14px }
.worldwideBg li.withImg .groupping p { font-weight: 400; font-size: 12px }
.worldwideBg > ul > li a:hover .bg2 { opacity: 0.8;transition: 0.3s; }
.worldwideBg ul ul li a { opacity: 0.7; font-weight: 600; display: inline-block; padding: 11px 0; font-size: 14px; width: 433px; color: #6c6c6c }
.worldwideBg ul ul li { border-bottom: 2px solid #ebebeb; width: 433px; }
.worldwideBg ul ul li a:hover { opacity: 1; }
.worldwideBg ul ul > li:nth-child(5) { position: absolute; top: 0; right: 0 }
.worldwideBg ul ul > li:nth-child(6) { position: absolute; top: 186px; right: 0;}
.worldwideBg ul ul > li:nth-child(7) { position: absolute; top: 230px; right: 0; }
.worldwideBg ul ul > li:nth-child(8) { position: absolute; top: 273px; right: 0;}
.worldwideBg .seemore { position: absolute; top: -30px; right: -369px; border: 0 none; }
.worldwideBg .seemore a { width: 64px; height: 22px; display: inline-block; text-align: center; line-height: 22px; background-color: #848484; font-size: 10px; opacity: 0.8; color: #fff; padding: 0; }
/* .newTrack */
.newTrack { position: absolute; right: 0; top: 0; width: 270px; height: 355px; overflow: hidden }
.newTrack .bg { position: relative; background-color: #fff; height: 300px; width: 100%; padding: 100px 22px 0 22px }
.newTrack ul > li > a { opacity: 0.9; transition: 0; float: left; display: inline-block; width: 110px; height: 110px; text-indent: -9999999px; background: url('../imgs/albumImg.jpg') no-repeat; }
.newTrack ul > li:nth-child(2) > a { background-position: -111px 0; margin-left: 10px; }
.newTrack ul > li:nth-child(3) > a { background-position: -222px 0; margin-top: 10px; }
.newTrack ul > li:nth-child(4) > a { background-position: -329px 0; margin-left: 10px; margin-top: 10px; }
.newTrack ul > li:nth-child(5) > a { background-position: -111px 0; }
.newTrack ul > li:nth-child(6) > a { background-position: -111px 0; }
.newTrack ul { width: 270px; }
.newTrack ul > li > a:hover { opacity: 1; transition: 0; }
.newTrack .topBg { position: absolute; top: 0; left: 0; background-color: #eaeaea; width: 270px; height: 40px; }
.newTrack .play a { position: absolute; background: #00cfbe url('../imgs/trackPlay.png') no-repeat center center; text-indent: -999999px; top: -100px; left: -22px; display: block; width: 40px; height: 40px; }
.newTrack .play a:hover { background-color: #00aea0 }
.newTrack dt { position: absolute; left: 25px; top: -94px; font-weight: 600 }
.newTrack .artist { position: absolute; left: 25px; top: -80px; font-size: 11px; font-style: italic }
.newTrack .descript { opacity: 0.6; width: 220px; position: absolute; left: 0; top: -51px; height: 40px; overflow: hidden; line-height: 14px; font-size: 11px; }
.newTrack .time { position: absolute; right: 30px; font-size: 11px; opacity: 0.5; top: -94px; }
.newTrack ul li dl { display: none }
.newTrack ul li:first-child dl { display: block; }
/* #volunteer */
#volunteer { width: 100%; padding: 50px 0; background-color: #404747 }
#volunteer .width1200 { position: relative; width: 1200px; margin: 0 auto; overflow: hidden }
#volunteer h3 { font-size: 16px; color: #fff; text-align: center; margin-bottom: 40px; opacity: 0.7; }
#volunteer ul { width: 2400px }
#volunteer .volImg { opacity: 0.7; display: inline-block; width: 95px; margin-right: 30px; height: 95px; float: left; border-radius: 50%; background: url('../imgs/volunteer.png') no-repeat; }
#volunteer ul { padding: 0 83px; }
#volunteer ul li { width: 300px;margin: 0 15px; padding: 0 15px; display: inline-block; border-right: 1px solid #5f6262 }
#volunteer ul li:nth-child(3) { border-right: 0 none }
#volunteer ul li a { color: #fff; }
#volunteer ul li h4 { margin-top: 5px; margin-bottom: 10px; font-size: 14px; opacity: 0.6; }
#volunteer ul li p { font-weight: 400; opacity: 0.6; height: 48px; overflow: hidden }
#volunteer li:nth-child(2) .volImg { background-position: -97px 0 }
#volunteer li:nth-child(3) .volImg { background-position: -193px 0 }
#volunteer ul li a { opacity: 0.7; }
#volunteer ul li a:hover { opacity: 1 }
#volunteer .prevNext a { opacity: 0.2; top: 85px; position: absolute; width: 17px; height: 39px; text-indent: -9999999px; background: url('../imgs/volunNextPrev.png') no-repeat; display: block; }
#volunteer .prevNext a:last-child { background-position: -23px 0; right: 0; left: auto }
#volunteer .prevNext a:hover { opacity: 0.5;}
/* #fashion */
.width1200.added { width: 1200px; background-color: #fff; padding: 50px 100px 100px 100px; margin: 0 auto }
#fashion .groupping1 { width: 900px; display: inline-block; }
#fashion h2 { position: relative; margin-bottom: 15px;line-height: 32px; }
#fashion h2 .ui { background-position: -58px 0 }
#fashion h2 .topLine { width: 64px }
#fashion .groupping1 ol li a { opacity: 0.5; font-weight: 400; font-size: 12px; }
#fashion .groupping1 ol li a:hover { opacity: 0.8; font-style: italic }
#fashion .groupping1 ol { margin: 15px 0 25px 0 }
#fashion .groupping1 ol li { margin: 8px 0 }
#fashion .women, #fashion .men {position: relative; width: 433px; display: inline-block; }
#fashion .men { float: left; margin-right: 34px; }
#fashion .fashionImg { text-indent: -9999999px; display: block; width: 433px; height: 213px; background: url('../imgs/mens.jpg') no-repeat; }
#fashion .women .fashionImg { background-image: url('../imgs/womens.jpg'); }
#fashion .groupping1 h3 { font-size: 14px }
#fashion .groupping1 h4 { font-size: 14px; margin: 14px 0 3px; opacity: 0.7;}
#fashion .groupping1 p { font-weight: 400; opacity: 0.5; font-size: 13px }
#fashion h5 a { position: absolute; top: 0; right: 0; z-index: 500; width: 64px; height: 22px; display: inline-block; text-align: center; line-height: 22px; background-color: #848484; font-size: 10px; opacity: 0.8; color: #fff; padding: 0; }
#fashion h5 a:hover { opacity: 1 }
#fashion h2 { font-size: 18px; }
.popularItems { position: relative; width: 270px; display: inline-block; float: right; }
.popularItems h3 { font-size: 14px; margin-bottom: 10px; }
.popularItems h4 a { display: block; width: 270px; height: 147px; background: url('../imgs/ad2.jpg') no-repeat; text-indent: -999999px; opacity: 0.9; }
.popularItems h4 a:hover { opacity: 1; }
.popularItems > ol > li > a { position: absolute; top: 0; right: 15px; display: none; opacity: 0.3;}
.popularItems ol ul li .itemImg { opacity: 0.8; float: left; display: block; width: 86px; background-size: cover; height: 86px; background: url('../imgs/pop1.jpg') no-repeat; }
.popularItems ol ul li:nth-child(2) .itemImg { background-image: url('../imgs/pop2.jpg');}
.popularItems ol ul li:nth-child(3) .itemImg { background-image: url('../imgs/pop3.jpg');}
.popularItems ol ul li:nth-child(4) .itemImg { background-image: url('../imgs/pop4.jpg');}
.popularItems ol ul li:nth-child(5) .itemImg { background-image: url('../imgs/pop5.jpg');}
.popularItems ol ul li:nth-child(6) .itemImg { background-image: url('../imgs/pop6.jpg');}
.popularItems ol ul { height: 266px; }
/*.popularItems ol ul li { float: left; }*/
.popularItems ol ul li a { display: inline-block; width: 86px; opacity: 0.8; }
.popularItems ol ul li a:hover { opacity: 1; }
.popularItems ol ul { margin-bottom: 10px }
.popularItems > ol > li:first-child > a { display: block; }
.popularPrevNext a { opacity: 0.2; position: absolute;right: 0; top: 6px; width: 9px; height: 7px; display: inline-block; background: url('../imgs/popularPrevNext.png') no-repeat -9px 0; text-indent: -9999999px }
.popularPrevNext a:first-child { right: 33px; background-position: 0 0 }
.popularPrevNext a:hover { opacity: 0.4; }
.popularItems ol ul li:nth-child(2), .popularItems ol ul li:nth-child(5) { margin: 0 3px }
.popularItems > ol ul li { display: inline-block; margin-bottom: 5px; }
.popularItems ol ul dl { text-align: center; padding: 5px 0; color: #7d7d7d; background-color: #ebebeb}
.popularItems ol ul dl dt { font-weight: 400; font-size: 10px; margin-top: 85px;}
/* #places */
#places { padding: 50px 0 70px 0 }
#places .width1200 { overflow: hidden; position: relative; width: 1170px; margin: 0 auto; padding-left: 30px; height: 250px }
#places .width1200 h3 { font-size: 16px; margin-bottom: 15px }
#places .width1200 > p { width: 400px; margin-bottom: 15px; opacity: 0.4;}
#places .placeImg { opacity: 0.9; cursor: pointer; z-index: 600; position: absolute; left: 445px; top: 40px; font-size: 0; display: block; width: 365px; height: 202px; background: url('../imgs/island.jpg') no-repeat; }
#places .placeImg:hover { opacity: 1; }
#places li:nth-child(2) .placeImg { left: 835px; background-image: url('../imgs/china.jpg'); }
#places li:nth-child(3) .placeImg, #places li:nth-child(4) .placeImg, #places li:nth-child(5) .placeImg, #places li:nth-child(6) .placeImg, #places li:nth-child(7) .placeImg, #places li:nth-child(8) .placeImg, #places li:nth-child(9) .placeImg, #places li:nth-child(10) .placeImg { left: 1200px; }
#places li:nth-child(3) .placeImg { background-image: url('../imgs/canada.jpg'); }
#places li:nth-child(4) .placeImg { background-image: url('../imgs/japan.jpg'); }
#places ul { width: 400px }
#places li { width: 400px; }
#places .tenPlaces { width: 1170px; overflow: hidden }
.tenPlaces > ul > li > a { display: inline-block; width: 400px; font-size: 14px; margin-bottom: 5px; opacity: 0.7; }
.tenPlaces > ul > li .goToPlace { opacity: 0.6; float: right; margin-top: 7px; margin-right: 15px; width: 16px; height: 7px; background: url('../imgs/goToPlace.png') no-repeat; display: inline-block; }
.tenPlaces > ul > li > a:hover .goToPlace { margin-right: 10px; }
#places .tenPlaces p { width: 400px; margin-bottom: 15px; opacity: 0.6; }
.tenPlaces .prevNext a { opacity: 0.7; position: absolute; top: 125px; z-index: 700; width: 17px; height: 39px; left: 469px; text-indent: -9999999px; background: url('../imgs/volunNextPrev.png') no-repeat; display: block; }
.tenPlaces .prevNext a:last-child { left: auto; right: 30px; background-position: -23px 0; }
.tenPlaces .prevNext a:hover { opacity: 1 }
/* #ads */
#ads { position: relative; height: 317px }
#ads > ul > li { z-index: 600; position: absolute; display: inline-block; height: 100%; width: 100%; background-color: #252525 }
#ads > ul > li .width1200, #ads .width1200 { position: relative; width: 1200px; height: 100%; margin: 0 auto }
#ads .width1200 .prevNext a { z-index: 900; opacity: 0.5; position: absolute; top: 135px; width: 17px; height: 39px; left: 0; text-indent: -9999999px; background: url('../imgs/volunNextPrev.png') no-repeat; display: block; }
#ads .width1200 .prevNext a:last-child { left: auto; right: 0px; background-position: -23px 0; }
#ads .width1200 .prevNext a:hover { opacity: 1; }
#ads > ul > li { background: #262626 url('../imgs/ad3.jpg') no-repeat center center; display: none }
#ads > ul > li:first-child { display: block }
#ads > ul > li:first-child { color: #fff }
#ads .groupping1 { display: inline-block; float: left; margin-left: 380px; margin-right: 50px; width: 380px; margin-top: 66px }
#ads .groupping1 h2 { font-weight: 300; margin-bottom: 5px; font-size: 16px; opacity: 0.5; }
#ads .groupping1 .bold { font-weight: 600 }
#ads .groupping1 h3 { font-size: 25px; font-weight: 600; color: #ea5151; margin-bottom: 20px }
#ads .groupping1 p { font-size: 14px; opacity: 0.5; }
#ads .groupping1 p .break { margin-top: 10px }
#ads .break { display: block }
#ads .groupping2 { position: relative; }
#ads .groupping2 ul { opacity: 0.5; display: inline-block; margin-top: 147px }
#ads .groupping2 dl dt { display: inline-block; float: left; margin-right: 15px; text-align: center; width: 70px; font-size: 15px; padding-top: 37px; font-weight: 600; height: 70px; background: url('../imgs/proteinContainer.png') no-repeat; }
#ads .groupping2 li { display: inline-block; width: 160px }
#ads .groupping2 li dd { width: 60px; float: left; font-size: 10px; font-weight: 400; line-height: 11px; margin-bottom: 5px }
#ads .groupping2 li dd .bold { font-weight: 600; font-size: 13px; }
#ads .groupping2 li dd.protein { margin-top: 7px }
#ads .getIt a { position: absolute; top: 90px; right: 320px; width: 70px; height: 30px; line-height: 30px; background-color: #07d3b4; display: inline-block; text-align: center; color: #fff; font-weight: 600 }
#ads .getIt a:hover { background-color: #06b59a }
/* #culture */
#culture h2 { position: relative; font-size: 18px; line-height: 33px; margin-bottom: 10px }
#culture h2 .ui { background-position: -236px 0; width: 39px; }
#culture h2 .topLine { width: 163px; }
#culture .width1200.added {position: relative; padding-top: 70px }
.bestMovie { position: relative; width: 836px; display: inline-block; }
.bestMovie .groupping1 { width: 836px; height: 328px; background: url('../imgs/garconNormal.jpg') no-repeat; }
.bestMovie .mustWatch { position: absolute; top: 0; left: 0; text-align: left; color: #fff; line-height: 12px; padding: 12px 12px; display: block; width: 64px; height: 64px; background: url('../imgs/mustBg.png') no-repeat; }
.bestMovie .mustWatch .break { display: block }
.bestMovie .indent { font-size: 0; text-indent: -999999999px; display: inline-block; }
.bestMovie .groupping1 { text-align: center; color: #fff; font-weight: 400 }
.bestMovie .groupping1 .review1, .bestMovie .groupping1 .review2 { opacity: 0.9; position: absolute; right: 70px; top: 80px; font-size: 16px; font-style: italic; }
.bestMovie .groupping1 .review2 { top: 175px; right: 80px }
.bestMovie .star { width: 10px; height: 10px; display: inline-block; background: url('../imgs/star.png') no-repeat; }
.bestMovie .break { display: block }
.bestMovie .smaller { font-size: 12px; font-weight: 400 }
.bestMovie .review3 { position: absolute; left: 90px; top: 130px; opacity: 0.7; display: inline-block; width: 83px; height: 83px; font-weight: 600; background: url('../imgs/lorel.png') no-repeat; }
.bestMovie .review3 .year { margin-top: 14px; font-size: 11px; font-weight: 400 }
.bestMovie .history, .bestMovie .time { margin: 0 auto; width: 310px; text-align: right }
.bestMovie .line { display: block; width: 100%; height: 1px; opacity: 0.5; margin-top: 3px; background-color: #fff }
.bestMovie .history { padding: 45px 0 150px; font-weight: 400; font-size: 14px }
.bestMovie dl { position: relative; width: 100%; height: 160px; background-color: #252525; }
.bestMovie dl .trailer1, .bestMovie dl .trailer2 { text-align: center; position: absolute; top: 13px; left: 13px; width: 228px; height: 133px; background: url('../imgs/tralier1.jpg') no-repeat; }
.bestMovie dl .trailer2 { background-image: url('../imgs/tralier2.jpg'); left: 253px }
.bestMovie dl .play { opacity: 0.5; position: absolute; left: 90px; width: 43px; height: 43px; margin-top: 55px; font-size: 0; display: inline-block; background: url('../imgs/moviePlay.png') no-repeat; }
#culture .bestMovie dl .titleBg { position: absolute; left: 0; text-align: left; color: #fff; opacity: 0.4; padding-left: 5px; line-height: 20px; width: 223px; height: 20px; background-color: #000 }
.bestMovie dl .trailer1 a.main , .bestMovie dl .trailer2 a.main { width: 228px; height: 133px; }
.bestMovie .blackBg { width: 228px; height: 133px; background-color: #000; display: inline-block; opacity: 0.4; }
.bestMovie dl .play:hover { opacity: 1; }
.bestMovie dl dt, .bestMovie dl .drected, .bestMovie .starring, .bestMovie .descript { margin-left: 495px; width: 320px; color: #fff }
.bestMovie dl dt { padding-top: 10px; font-weight: 400; margin-bottom: 7px; font-size: 14px;}
.bestMovie .descript { margin-top: 10px; opacity: 0.7; }
.bestMovie dl .drected, .bestMovie .starring { font-size: 11px; opacity: 0.5 }
/* .movieList */
::-webkit-scrollbar { display: none; }
.movieList { position: relative; overflow: hidden; overflow-y: auto; background-color: #252525; width: 336px; height: 488px; float: right }
.movieList h4 { position: relative; width: 135px; margin-right: 10px; font-size: 0; height: 90px; display: inline-block; float: left; background: url('../imgs/trailer3.jpg') no-repeat; }
.movieList h4 .blackBg { position: absolute; top: 0; left: 0; background-color: #000; opacity: 0.4; display: inline-block; width: 100%; height: 100%; }
.movieList ul { margin-top: 50px; }
.movieList ul li { color: #fff; }
.movieList ul li h4 > a { display: inline-block; width: 100%; height: 100%; }
.movieList dd:nth-child(2) { margin-top: 3px; font-size: 11px; opacity: 0.4;}
.movieList .descript { margin-top: 3px; font-size: 11px; line-height: 13px; opacity: 0.6; }
.movieList li { position: relative; overflow: hidden; height: 90px; margin-bottom: 10px; }
.movieList dl { width: 320px; margin-top: -3px }
.movieList dt { font-size: 13px; font-weight: 400 }
.movieList dt a { color: #fff; opacity: 0.8; }
.movieList dt a:hover { opacity: 1; }
.movieList dt a:hover .hide { display: none }
.movieList dt a:hover .see { display: block; }
.movieList dt .see { display: none }
.movieList .playAll { z-index: 300; top: 0; left: 0; line-height: 40px; text-align: right; position: absolute; width: 100%; height: 40px; background-color: #000; }
.playAll a { color: #fff; margin-right: 10px; opacity: 0.8; }
.playAll a:hover { opacity: 1; }
.playAll .all { background: url('../imgs/all.png') no-repeat; display: inline-block; width: 17px; height: 17px; vertical-align: middle; margin-right: 5px }
.movieList .play { width: 100%; height: 100%; text-align: center }
.movieList .play a { font-size: 0; z-index: 600; opacity: 0.4; position: absolute; top: 25px; left: 48px; display: inline-block; width: 43px; height: 43px; background-size: 43px; background: url('../imgs/moviePlay.png') no-repeat; }
.movieList .play a:hover { opacity: 0.7; }
.movieList li:nth-child(2) h4 { background-image: url('../imgs/trailer4.jpg'); }
.movieList li:nth-child(3) h4 { background-image: url('../imgs/trailer5.jpg'); }
.movieList li:nth-child(4) h4 { background-image: url('../imgs/trailer6.jpg'); }
.movieList li:nth-child(5) h4 { background-image: url('../imgs/trailer7.jpg'); }
#culture .seeMore a { position: absolute; top: 80px; right: 100px; width: 64px; height: 22px; display: inline-block; text-align: center; line-height: 22px; background-color: #848484; font-size: 10px; opacity: 0.8; color: #fff; padding: 0;}
#culture .seeMore a:hover { opacity: 1; }
/* #events */
#events { position: relative; margin-top: 50px; overflow: hidden }
#events h2 .ui { background-position: -24px 0; width: 32px; }
#events h2 .topLine { width: 175px; }
#events .eventImg { display: block; width: 285px; height: 169px; margin-bottom: 7px; background: url('../imgs/event1.jpg') no-repeat; }
#events ul { width: 3000px }
#events ul li { display: inline-block; margin-right: 17px }
#events ul li > a { width: 285px; display: inline-block; opacity: 0.9; }
#events ul li:nth-child(2) .eventImg { background-image: url('../imgs/event2.jpg'); }
#events ul li:nth-child(3) .eventImg { background-image: url('../imgs/event3.jpg'); }
#events ul li:nth-child(4) .eventImg { background-image: url('../imgs/event4.jpg'); }
#events dl dt { font-size: 14px; font-weight: 600; opacity: 0.8; }
#events dl dd.author { opacity: 0.5; margin: 3px 0 6px; font-style: italic }
#events dl dd.descript { opacity: 0.5; }
#events ul li > a:hover { opacity: 1; }
#events .prevNext a { position: absolute; z-index: 900; opacity: 0.5; position: absolute; top: 110px; width: 17px; height: 39px; left: 20px; text-indent: -9999999px; background: url('../imgs/volunNextPrev.png') no-repeat; display: block; }
#events .prevNext a:last-child { left: auto; right: 20px; background-position: -23px 0; }
#events .prevNext a:hover { opacity: 1; }
#events .seeMore a {position: absolute; top: 10px; right: 0; width: 64px; height: 22px; display: inline-block; text-align: center; line-height: 22px; background-color: #848484; font-size: 10px; opacity: 0.8; color: #fff; padding: 0;}
#events .seeMore a:hover { opacity: 1; }
/* #subscribe */
#subscribe { padding: 80px 0 }
#subscribe .width1200 { width: 1200px; margin: 0 auto; text-align: center}
#subscribe h3 { font-size: 18px; margin-bottom: 20px; width: 100%; }
#subscribe p { width: 600px; font-size: 13px; display: inline-block; opacity: 0.5; margin-bottom: 20px; }
#subscribe .groupping { display: block }
#subscribe input[type=text] { width: 420px; font-size: 13px; padding-left: 10px; line-height: 40px; height: 40px; color: #5a5a5a; background-color: #fff }
#subscribe input[type=submit] { margin-left: 10px; width: 130px; height: 40px; background-color: #252525; font-size: 14px; color: #fff; opacity: 0.9; font-weight: 600; text-transform: uppercase; }
#subscribe input[type=submit]:hover { opacity: 1; }
/* footer */
footer { background-color: #252525; padding: 70px 0 100px 0 }
footer .width1200 { position: relative; width: 1200px; margin: 0 auto; }
footer h1 a .ui { display: inline-block; width: 27px; height: 27px; margin-top: -4px; background: url('../imgs/logoWhite.png') no-repeat; margin-right: 11px; vertical-align: middle; font-size: 18px }
footer h1 { display: inline-block; width: 400px; text-align: right }
footer h1 a { opacity: 0.4; font-size: 18px }
footer, footer a { color: #fff }
footer .footerNav { display: inline-block; margin-left: 50px }
footer .footerNav li { display: inline-block; margin-right: 25px }
footer .footerNav li a { opacity: 0.4; font-size: 14px; font-weight: 600 }
footer .sns { position: absolute; left: 328px; top: 50px; width: 70px; height: 70px; border: 1px solid #505050 }
footer .sns a { opacity: 0.2; display: block; width: 18px; height: 18px; background: url('../imgs/snsWhite.png') no-repeat -18px 0; font-size: 0 }
footer .sns li:nth-child(1) a { float: left; margin-top: 15px; margin-left: 13px; }
footer .sns li:nth-child(2) a { background-position: 0 0; margin-top: 15px; margin-right: 10px; display: inline-block; float: right }
footer .sns li:nth-child(3) a { background-position: -40px 0; float: left; margin-left: 12px; margin-top: 8px }
footer .sns li:nth-child(4) a { background-position: -59px 0; float: right; margin-right: 10px; margin-top: 6px }
footer .sns a:hover { opacity: 0.4; }
footer .groupping { height: 170px }
footer .groupping ul { width: 170px; display: inline-block; float: left; margin-top: 20px; margin-bottom: 20px }
footer .groupping ul:last-child { width: 170px; float: none }
footer .groupping ul li { margin-bottom: 5px }
footer .groupping ul li a { font-weight: 400; opacity: 0.3; }
footer .groupping ul li a:hover { opacity: 0.5; }
footer .groupping { margin-left: 452px }
footer address { position: relative; display: block; margin-left: 450px; margin-top: 20px; width: 550px; opacity: 0.2 }
footer .copy { position: absolute; left: -135px; }
#wrapper .showNow { display: block; }
/* media query */
@media only screen and (max-width: 1400px) {
#wrapper .width1200.added { padding: 0; }
#fashion, #culture { width: 100%; background-color: #fff; padding: 50px 0 70px }
#culture { padding-top: 70px }
#culture .seeMore a { top: 10px; right: 0 }
}
@media only screen and (max-width: 1340px) {
header { width: 1100px; position: relative; margin: 0 auto }
#mainMenu h2 a span:first-child { margin-top: 18px; }
#mainMenu h2 a span { width: 18px; }
#mainMenu h2 a { width: 50px; height: 50px; }
#subHeader input[type=submit] { width: 50px; height: 50px; }
#mainSearch select { margin-top: 16px; }
header .sns { right: 16px; top: 75px }
#mainSearch input[type=text] { line-height: 49px; }
#mainSearch .breakline {margin-top: 16px }
.recomBg { top: 50px }
.todayBg { top: 89px; width: 730px; }
.popularSec > ul > li > a { height: 50px; line-height: 50px }
.popularSec > ul > li > ol { top: 50px }
#wrapper .pickMonth .prevNext, .pickMonth a { display: none }
#banner .groupping { width: 839px; height: 401px; background-size: 839px; height: 401px; }
#banner .groupping.first h3 { margin-top: 139px }
.groupping.first .line { top: 194px; left: 200px }
.groupping.first .seeBg { left: 200px; top: 220px; }
#banner .groupping.first p { margin-left: 314px }
#banner ul > li > a { margin-top: 0 }
#banner ul > li > a { top: 100px }
#banner ul > li:nth-child(2) > a { top: 133px }
#banner ul > li:nth-child(3) > a { top: 166px }
#banner ul > li:nth-child(4) > a { top: 199px }
#banner ul > li:nth-child(5) > a { top: 232px }
#banner ul > li:nth-child(6) > a { top: 265px }
#banner ul > li:nth-child(7) > a { top: 298px }
#subHeader { margin-top: 430px; }
#banner .linkBg { right: 50px; height: 401px; width: 211px; }
#banner ul > li > a { left: 874px }
header h1 { right: auto; left: 870px}
.logInUp { top: 355px; left: 875px }
.popularSec { width: 345px }
.popularSec > ul > li > ol { width: 345px; height: 258px }
.popularSec > ul ol li a dl { margin: 6px 0 6px 15px; }
.todayBg .bestPic { width: 135px; height: 135px }
.todayBg ul li { width: 135px; }
#mainSearch { right: ; }
#mainSearch { width: 730px }
.recomBg { width: 730px; }
.todayBg .groupping { width: 680px; height: 221px }
.todayBg ul li .descript { width: 135px; height: 17px; overflow: hidden }
.todayBg .bestPic { background-size: 780px 135px; width: 135px; height: 135px }
#news { margin-top: 25px; }
.todayBg .rectBg { top: 85px; width: 220px; left: -85px; height: 50px; line-height: 50px }
#volunteer { padding: 35px 0 }
.newsBg ul, .worldwideBg ul, #fashion .groupping1 { width: 805px }
.newsBg ul li { width: 392px; margin-left: 413px }
.worldwideBg ul ul li a { width: 392px; }
.newsBg .newsImg, #wrapper .worldwideBg .withImg a, .worldwideBg ul ul > li { width: 392px }
.worldwideBg .seemore { right: -328px }
.worldwideBg li.withImg .groupping { left: 75px }
.worldwideBg .withImg .bg1 { background-position: center center; background-size: cover }
#wrapper .newTrack ul { width: 270px }
#fashion .women, #fashion .men { width: 392px; }
#fashion .men { margin-right: 21px }
#fashion .fashionImg { width: 392px; background-position: center center }
#volunteer ul { padding: 0 26px }
#places .width1200 { padding-left: 0 }
#places .placeImg { left: 420px; width: 330px; background-position: center center }
#places li:nth-child(2) .placeImg { left: 770px }
.tenPlaces .prevNext a { left: 449px }
#ads > ul > li .width1200, #ads .width1200 { width: 1100px }
#ads .groupping1 { margin-left: 315px; margin-right: 39px; margin-top: 54px }
#ads .groupping2 ul { margin-top: 136px }
#ads .getIt a { right: 296px; top: 80px }
#ads { height: 290px }
#ads > ul > li { background-size: 1100px }
.bestMovie .groupping1 { width: 740px; background-size: 740px; height: 290px }
.bestMovie dl .trailer1, .bestMovie dl .trailer2, .bestMovie .blackBg { width: 205px; background-position: center center }
.bestMovie dl dt, .bestMovie dl .drected, .bestMovie .starring, .bestMovie .descript { margin-left: 445px; width: 285px }
.bestMovie dl .trailer2 { left: 229px }
.bestMovie dl .play { left: 81px }
#culture .bestMovie dl .titleBg { width: 201px }
.bestMovie .history { padding: 30px 0 143px }
.bestMovie .review3 { top: 105px; left: 80px }
.bestMovie .groupping1 .review1, .bestMovie .groupping1 .review2 { right: 50px }
.bestMovie .groupping1 .review1 { top: 73px }
.bestMovie .groupping1 .review2 { right: 60px; top: 158px }
.bestMovie { width: 740px }
.movieList { height: 450px }
#events ul li > a { width: 258px; }
#events ul li { margin-right: 20px }
#events .eventImg { width: 258px; background-size: 258px; height: 152px }
.newsBg, .worldwideBg, .bg1200,#subHeader,#banner, #wrapper .width1200, #wrapper .width1200.added { width: 1100px }
footer h1 { width: 353px }
footer .sns { left: 281px }
footer .groupping { margin-left: 406px }
footer address { margin-left: 406px; }
#wrapper .scrolled { z-index: 1000; position: fixed; top: 0; right: 50px; margin-top: 0; width: 100%; box-sizing: border-box; height: 50px; border-bottom: 3px solid #131313; padding-left: 210px; background-color: transparent; }
#wrapper .logoScrolled { z-index: 12000; position: fixed; right: auto; left: 0; top: 0; width: 150px; border-right: 2px solid #ebebeb; text-align: center; height: 47px; line-height: 50px }
#wrapper #banner .bgScrolled { z-index: 900; height:50px; width: 100%; left: 0; top: 0; position: fixed; }
nav a { font-size: 17px }
nav a.close { width: 50px; height: 50px; padding-top: 0; }
nav a.close span { width: 20px; }
.navBg { width: 200%; right: 0; }
}
@media only screen and (max-width: 1200px) {
.newsBg, .worldwideBg, .bg1200,#subHeader,#banner, #wrapper .width1200, #wrapper .width1200.added { width: 923px }
#ads > ul > li { background-size: 923px }
header { width: 923px; }
#banner .groupping { width: 720px; height: 344px; background-size: 720px }
#banner .groupping.first h3 { margin-top: 117px; font-size: 35px; margin-bottom: 18px }
.groupping.first .line { top: 164px; left: 173px; width: 218px }
.groupping.first .seeBg { width: 65px; height: 65px; left: 170px; top: 185px }
.groupping.first .seeBg span.seemore { line-height: 17px; margin-left: 33px; height: 30px; font-weight: 600; font-size: 21px; }
#banner .groupping.first p { margin-left: 270px; height: 100px; width: 280px; font-size: 12px; line-height: 16px }
#banner .linkBg { width: 203px; height: 344px; right: 0 }
#banner ul > li > a { left: 744px }
header h1 { left: 740px }
#banner ul > li > a { margin-top: -25px; font-size: 14px; }
.logInUp { left: 745px; top: 300px }
#banner ul > li:nth-child(2) > a { top: 130px }
#banner ul > li:nth-child(3) > a { top: 160px }
#banner ul > li:nth-child(4) > a { top: 190px }
#banner ul > li:nth-child(5) > a { top: 220px }
#banner ul > li:nth-child(6) > a { top: 250px }
#banner ul > li:nth-child(7) > a { top: 280px }
header h1 { left: 755px }
.logInUp { left: 755px }
#banner ul > li > a { left: 757px }
#mainSearch { width: 552px; }
#subHeader input[type=submit] { }
#mainSearch input[type=text] { width: 374px }
.recomBg { width: 552px }
.todayBg { width: 552px }
.todayBg .groupping { width: 502px }
#subHeader { margin-top: 370px }
/*.newsBg ul li:first-child { position: static; border-bottom: 0 none }
.newsBg ul li { margin-left: 0 }*/
.newsBg ul, .worldwideBg ul, #fashion .groupping1 { width: 100% }
.newsBg ul li, .worldwideBg ul ul > li { width: 48%; margin-left: 52% }
#wrapper .worldwideBg .withImg a { width: 100%; background-size: cover }
.worldwideBg ul ul > li { margin-left: 0 }
.worldwideBg .seemore { right: -41% }
.newsBg .newsImg { width: 100%; background-size: cover }
#volunteer .volImg { width: 75px; height: 75px; background-size: cover; margin-right: 17px }
#volunteer li:nth-child(2) .volImg { background-position: -75px 0 }
#volunteer li:nth-child(3) .volImg { background-position: -151px }
#volunteer ul li { width: 255px; padding: 0 10px; margin: 0 10px }
#volunteer ul li h4 { margin-top: 0 }
.weather { position: static; width: 48% }
.weather .group2 { width: 100% }
.newsBg .ad1 { display: none }
/* .weather .group3 ol { position: absolute; top: 5px; width: auto; right: 0; }
.weather .group3 ol li { float: left; }
.weather .group3 ol li a { margin-right: 0; margin-left: 10px }*/
.newTrack { position: static; margin-top: 50px; }
.popularItems { float: none; margin-top: 50px }
#fashion .women, #fashion .men { width: 48% }
#fashion .men { margin-right: 4% }
#fashion .fashionImg { width: 100%; background-size: cover }
.movieList { float: none }
#events ul li > a { width: 214px; }
#events .eventImg { width: 100%; background-position: center center; background-size: cover; height: 126px }
#events .prevNext a { top: 86px }
#ads { height: 244px }
#ads .groupping1 { width: 260px; margin-left: 354px; margin-top: 39px; margin-right: 32px; }
#ads .groupping1 p { font-size: 12px }
#ads .groupping1 h3 { font-size: 20px; margin-bottom: 10px }
#ads .groupping1 h2 { font-size: 14px }
#ads .groupping2 ul { margin-top: 102px }
#ads .getIt a { top: 58px; right: 385px }
#ads .width1200 .prevNext a { top: 100px }
#places ul { width: 5000px }
#places li { position: relative; display: inline-block; width: 300px; margin-right: 10px }
#wrapper #places .placeImg { top: 80px; left: 0; width: 100%; background-size: 100% }
#places .width1200 {height: 338px }
#places .tenPlaces { height: 330px }
.tenPlaces .prevNext a { top: 240px; left: 29px }
.popularItems h4 a { position: absolute; right: -304px; top: 11px }
.popularItems { width: 617px }
.popularItems > ol ul li { margin-right: 5px }
.popularItems ol ul { height: 131px }
.popularItems ol ul li:nth-child(2), .popularItems ol ul li:nth-child(5) { margin: 0; margin-right: 5px }
.popularItems ol ul li a { width: 96px }
.popularItems ol ul li .itemImg { width: 96px; height: 96px; background-size: cover }
/* .popularItems ol ul li:nth-child(2) .itemImg { background-position: -96px 0 }
.popularItems ol ul li:nth-child(3) .itemImg { background-position: -194px 0 }
.popularItems ol ul li:nth-child(4) .itemImg { background-position: -291px 0 }
.popularItems ol ul li:nth-child(5) .itemImg { background-position: -388px 0 }
.popularItems ol ul li:nth-child(6) .itemImg { background-position: -485px 0 }*/
.popularItems > ol ul li:nth-child(6) { margin-right: 0 }
.newsBg ul li:nth-child(5), .newsBg ul li:nth-child(6), .newsBg ul li:nth-child(7) { display: none; }
.newsBg ul li:nth-child(4) { border-bottom: 2px solid #ebebeb; }
.weather { position: absolute; top: 190px; }
#news { height: 314px }
.newTrack { display: none }
.tenPlaces > ul > li > a { width: 100% }
#places .tenPlaces p { width: 100% }
.movieList li { overflow: auto; height: auto; }
.movieList { position: absolute; top: 42px; right: 0; width: 140px; padding: 0 10px; text-align: center }
.movieList dl { width: 120px; margin-top: 5px; text-align: left; margin-left: 5px; }
.movieList ul { margin-top: 35px; margin-bottom: 30px }
.movieList h4 { width: 135px; display: inline-block; background-size: cover; float: none; margin-right: 0 }
.movieList .play a { top: 40px }
footer h1 { width: 265px }
footer .sns { left: 192px }
footer address { margin-left: 316px }
footer .groupping { margin-left: 316px }
header h1 { top: 15px }
header .bg1200 { width: 923px }
}
@media only screen and (max-width: 1024px) {
#wrapper .popularItems ol ul li a, .popularItems h4 a, #wrapper #places .placeImg, #events ul li > a { opacity: 1; }
.movieList { right: 30px }
body { overflow: hidden; overflow-y: auto }
header .bg1200:first-child { z-index: 900; position: fixed; width: 100%; height: 50px; background-color: #fff; border-bottom: 3px solid #252525 }
header h1 { z-index: 2000; position: fixed; top: 0; height: 47px; line-height: 50px; width: 140px; border-right: 1px solid #ebebeb; left: 0; text-align: center }
header { width: 100%; }
header .sns { display: none; }
#mainSearch { z-index: 1000; position: fixed; top: 0; margin-top: 0; padding-left: 193px; right: 50px; width: 100%; box-sizing: border-box; background-color: transparent; }
#mainSearch input[type=text] { line-height: 48px; }
#banner { margin-top: 50px }
#banner .groupping { top: 40px; width: 100%; background-size: cover; height: 400px; background-position: center center }
#banner ul > li > a { position: static; margin-top: 14px; display: inline-block;}
#banner ul > li { display: inline-block; margin-right: 20px; }
#banner ul > li:first-child > a .ui { margin-right: 7px; }
#banner ul > li:nth-child(2) > a .ui { margin-right: 6px; }
#banner ul > li:nth-child(7) { margin-right: 0 }
#banner ul > li > a .ui { margin-right: 6px }
#banner .linkBg { z-index: -1; top: 0; right: 0; width: 100%; height: 40px; opacity: 0.7;}
#banner > ul { margin-left: -13px }
#banner .groupping.first h3 { font-size: 43px; margin-bottom: 5px; }
.groupping.first .line { position: static; margin-right: 0; display: block; width: 455px; margin: 0 auto }
.logInUp { z-index: 600; top: 61px; left: auto; right: 0; }
#banner .groupping.first p { display: block; margin-left: 0; width: 455px; height: 82px; font-size: 15px; line-height: 18px; margin-top: 17px; margin: 0 auto; padding-top: 10px; }
.groupping.first .seeBg { border-radius: 0; background-color: #ffd400; display: block; position: static; margin: 0 auto; height: 40px; width: 100px; text-align: center; opacity: 1; }
.groupping.first .seeBg span.seemore { text-transform: uppercase; line-height: 40px; margin: 0; font-size: 15px }
.groupping.first .seeBg span .break { display: inline-block; }
#subHeader { margin-top: 430px }
.newsBg, .worldwideBg, .bg1200, #subHeader, #banner, #wrapper .width1200, #wrapper .width1200.added, header .bg1200 { width: 100%; box-sizing: border-box; padding-left: 30px; padding-right: 30px; }
.newsBg, #news, #content { overflow: inherit; }
.popularSec { position: relative; width: 38% }
.popularSec > ul > li > ol { width: 100% }
.recomBg { display: none }
.todayBg .rectBg { width: 100%; position: static; transform: rotate(0); }
.todayBg .groupping { float: none; height: 165px; }
.todayBg { position: static; float: right; width: 60%; margin-top: 93px }
.todayBg .groupping { width: 100% }
.todayBg .rectBg h3 { width: 100% }
.todayBg .bestPic {width: 100px; height: 100px; background-size: 508px 100px }
.todayBg ul li:nth-child(2) .bestPic { background-position: -101px 0 }
.todayBg ul li:nth-child(3) .bestPic { background-position: -202px 0 }
.todayBg ul li:nth-child(4) .bestPic { background-position: -303px 0 }
.todayBg ul li:nth-child(5) .bestPic { background-position: -404px 0 }
.todayBg ul li:nth-child(6) .bestPic { background-position: -404px 0 }
.todayBg ul li { width: 100px; margin-right: 5px; margin-top: 5px }
.todayBg ul li dt { padding-top: 0; font-size: 12px }
.todayBg ul li .date { margin: 2px 0; font-size: 10px }
.todayBg ul li .descript { width: 100px; font-size: 11px }
#ads .groupping1 { margin-left: 296px; margin-right: 16px; }
.weather { top: -383px; right: 30px; width: 56% }
.newsBg ul li:nth-child(5), .newsBg ul li:nth-child(6), .newsBg ul li:nth-child(7) { display: block; }
.newsBg ul li:nth-child(4) { border-bottom: 0 none }
.worldwideBg .seemore { right: -40% }
#volunteer {padding: 35px 30px; box-sizing: border-box; }
#volunteer ul { padding: 0 10px }
.weather .group3 { display: none }
.weather .group2 { margin: 7px 0 }
#news { margin-top: 0; padding: 35px 0 }
#worldwide { padding: 35px 0 }
#fashion, #culture { padding: 35px 0 50px }
#places { padding: 35px 0 50px }
#culture { padding-top: 50px }
#subscribe { padding: 40px 0 }
footer { padding: 50px 0 70px }
#places .width1200 { overflow: hidden }
#ads > ul > li .width1200, #ads .width1200 { width: 100%; padding-left: 30px; padding-right: 30px; box-sizing: border-box; }
#ads .width1200 .prevNext a { left: 30px; }
#ads .width1200 .prevNext a:last-child { right: 30px; }
#ads .getIt a { right: auto; margin-left: 570px }
#volunteer .width1200 { width: 100%; padding: 0; }
#fashion { position: relative; height: 518px; }
#fashion .women, #fashion .men { position: absolute; top: 85px; width: 60%; left: 30px; }
#fashion .fashionImg { height: 226px; }
#fashion .groupping1 ol { margin-bottom: 19px }
#fashion .women > h3 > a { margin-left: 52px; opacity: 0.5; }
#fashion h3 > a:hover { opacity: 1; }
#fashion .groupping1 .women ol, .women .groupping, .women h5 { display: none }
.popularItems > ol ul li { width: 32%; margin-right: 0; padding-right: 0; box-sizing: border-box; }
.popularItems ol ul li:nth-child(2), .popularItems ol ul li:nth-child(5) { padding-right: 0; margin-right: 0 }
.popularItems ol ul li a { width: 100%; }
.popularItems ol ul li .itemImg { width: 100% }
.popularItems h4 a { right: 0; top: 315px; height: 152px; width: 100%; background-size: cover; background-position: center center; }
.popularItems { position: absolute; top: 35px; right: 30px; width: 31%; /*overflow: hidden*/ }
.worldwideBg li.withImg .groupping { left: 19%; width: 66% }
.tenPlaces .prevNext a { left: 60px; }
/* .tenPlaces .prevNext a:last-child { right: 60px; }*/
#culture .seeMore a { right: 30px }
#events .seeMore a { right: 0 }
.bestMovie { width: 74% }
.bestMovie .groupping1 { width: 100%; background-position: center center }
.movieList { width: 21% }
.movieList dl { width: 100% }
.movieList h4 {width: 100%; height: 104px; background-position: center center }
.movieList .play a { left: 39% }
.bestMovie .descript { width: 98%; height: 66px; overflow: hidden; margin-left: 0; padding-left: 445px; box-sizing: border-box; }
.bestMovie .review3 { left: 9% }
#volunteer ul { height: 79px; width: auto; }
#volunteer ul li { width: 28%; }
#volunteer ul li h4 { font-size: 13px }
#volunteer ul li p { font-size: 11px }
#volunteer .volImg { margin-right: 16px }
#volunteer h3 { margin-bottom: 30px }
#volunteer .prevNext a { top: 64px }
#events ul { width: 315%; }
#events ul li { margin-right: 0; padding-right: 11.4px; width: 8%; box-sizing: border-box; }
footer .groupping { height: 0 }
footer .groupping ul { display: none }
footer .sns { display: none }
footer h1 { width: 28% }
footer address { margin-left: 34%; width: 473px }
#events ul li > a { width: 100% }
}
@media only screen and (max-width: 984px) {
#ads .groupping1 { margin-left: 260px }
#ads .getIt a { margin-left: 538px }
.bestMovie .starring { width: 152px }
.bestMovie .descript { height: 51px }
.bestMovie .groupping1 .review1 { right: 30px }
.bestMovie .groupping1 .review2 { right: 35px }
.bestMovie .review3 { left: 7% }
}
@media only screen and (max-width: 945px) {
#ads .groupping2 li { width: 149px }
#ads .groupping1 { margin-left: 243px; }
#ads .getIt a { margin-left: 518px }
footer h1 { width: 25% }
footer address { margin-left: 31% }
}
@media only screen and (max-width: 920px) {
#volunteer ul li h4 { font-size: 12px }
#volunteer ul { height: 76px }
#volunteer .volImg { margin-right: 10px }
#volunteer ul li { margin: 0 5px; width: 29% }
#ads .groupping2 li { width: 149px }
#ads .groupping1 { margin-left: 227px; }
#ads .getIt a { margin-left: 500px }
#banner .groupping { height: 380px; background-position: bottom center }
#subHeader { margin-top: 412px }
}
@media only screen and (max-width: 900px) {
#ads .groupping1 { margin-left: 202px }
#ads .getIt a { margin-left: 476px }
.bestMovie .starring { display: none }
.bestMovie .descript { height: 83px }
#volunteer { display: none }
}
@media only screen and (max-width: 850px) {
#ads .groupping1 { margin-left: 182px }
#ads .getIt a { margin-left: 457px }
#ads .groupping2 dl dt { margin-right: 10px }
.movieList { width: 17%; }
.bestMovie{ width: 78% }
.bestMovie .groupping1 .review1, .bestMovie .groupping1 .review2 { font-size: 13px }
.bestMovie .review3 { left: 5% }
.bestMovie .groupping1 .review1 { right: 4% }
.bestMovie .groupping1 .review2 { right: 5.2% }
.bestMovie .history, .bestMovie .time { width: 289px }
#ads .groupping1 p { width: 300px; height: 53px; overflow: hidden; position: absolute; left: 50%; top: 39px }
#ads .getIt a { top: 103px; left: 31%; margin-left: 0 }
#ads .groupping2 ul { position: absolute; left: 50% }
#ads > ul > li:first-child { background-position: left center }
#ads .groupping1 { margin-left: 31% }
footer .footerNav li { margin-right: 20px }
}
@media only screen and (max-width: 768px) {
#banner .groupping { height: 330px }
#banner .groupping.first h3 { margin-top: 75px; font-size: 34px }
#banner .groupping.first p { width: 368px }
.groupping.first .line { width: 365px }
.groupping.first .seeBg { height: 31px }
.groupping.first .seeBg span.seemore { line-height: 31px }
#subHeader { margin-top: 364px }
.popularSec { width: 48% }
.weather { width: 44.5% }
.todayBg { width: 48%; }
.worldwideBg .seemore { right: -39% }
.worldwideBg li.withImg .groupping { top: 26px }
#banner ul > li > a { font-size: 13px }
#mainSearch input[type=text] { width:55% }
.bestMovie { width: 100% }
.movieList { float: none; position: relative; top: auto; right: auto; width: 100%; height: 209px; box-sizing: border-box; }
.movieList ul { width: 1000px }
.movieList ul li { width: 160px; float: left; margin-right: 10px }
.movieList .descript { display: none }
#subscribe input[type=text] { width: 275px }
#subscribe p { width: 445px }
footer .footerNav li { margin-right: 13px }
footer .footerNav { margin-left: 30px }
footer address { margin-left: 30%; width: 393px }
footer .copy { left: -115px }
#volunteer { display: none }
#fashion .groupping1 { position: relative; padding: 0 30px; width: 100%; box-sizing: border-box; }
#fashion .women, #fashion .men { left: 0; top: -15px; width: 100% }
.newsBg ul li a, .worldwideBg ul ul li a { padding: 8px 0 }
.newsBg ul li h3, .worldwideBg ul ul li a { font-size: 13px }
.worldwideBg ul ul > li:nth-child(7) { top: 222px }
.worldwideBg ul ul > li:nth-child(8) { top: 258px }
.newsBg .newsImg { height: 144px }
.newsBg ul li:first-child { height: 217px }
.newsBg ul li:first-child h3 { padding: 6px 0 4px }
#news { height: 270px }
#events .eventImg { height: 107px }
#events .prevNext a { top: 76px }
#events ul li { margin-right: 0; padding-right: 11.4px; width: 8%; box-sizing: border-box; }
.popularItems { width: 39%; top: 27px }
#fashion .women, #fashion .men { width: 53% }
#fashion .fashionImg { height: 202px }
.worldwideBg li.withImg .groupping h4 { font-size: 13px }
.worldwideBg li.withImg .groupping { width: 79%; left: 12%; top: 36px }
#ads > ul > li:first-child { background-position: -30px center }
.popularSec > ul > li > a { font-size: 13px }
}
@media only screen and (max-width: 720px) {
#banner ul > li { margin-right: 14px; }
#banner ul > li > a { font-size: 12px }
.logInUp a.signUp { margin-left: 3px }
.logInUp a { margin-right: 5px }
}
@media only screen and (max-width: 680px) {
#ads .groupping2 li { width: 144px; }
#ads .groupping1 { margin-left: 28% }
#ads .getIt a { left: 28% }
#ads .groupping1 p {left: 48% }
#ads .groupping2 ul {left: 47% }
footer h1 { text-align: center; width: 100% }
footer .footerNav { margin-left: 0; padding: 10px 0 }
footer .width1200 { text-align: center }
footer .copy { position: static; margin-right: 10px; }
footer address { margin-left: 0; width: 70%; text-align: center; margin: 0 auto }
footer .footerNav li { margin-right: 7px }
#subscribe p { width: 70% }
#subscribe input[type=text] { width: 50%; }
#subscribe input[type=submit] {width: 20% }
}
@media only screen and (max-width: 620px) {
.popularSec > ul > li > a { font-size: 15px }
#banner .groupping { height: 278px }
#banner .groupping.first h3 { margin-top: 61px }
#banner .groupping.first p { font-size: 13px; line-height: 15px; font-weight: 600; height: 69px }
.groupping.first h2 { left: 10px; top: 10px; }
#banner ul > li { margin-right: 14px }
#banner ul > li:last-child { margin-right: 0 }
#subHeader { margin-top: 400px }
.weather { width: 90%; right: auto; left: 30px; padding-left: 0; padding-right: 100px; box-sizing: border-box; top: -358px }
.popularSec { width: 100%;}
.newsBg ul li, .worldwideBg ul ul > li { width: 100%; position: static; margin-left: 0 }
.newsBg ul li:first-child { position: static; border-bottom: 0 none }
.newsBg .newsImg { background-position: center center }
/*.searchSec { display: none }*/
.todayBg { display: none }
#places li { width: 4% }
.worldwideBg ul ul > li:nth-child(5) { position: static; }
.worldwideBg ul ul > li:nth-child(6) { position: static; }
.worldwideBg ul ul > li:nth-child(7) { position: static; }
.worldwideBg ul ul > li:nth-child(8) { position: static; }
.worldwideBg .seemore { right: 0; text-align: right; }
#news { height: auto }
.bestMovie .groupping1 { height: 235px; background-size: 600px }
.bestMovie .history, .bestMovie .time { width: 226px; }
.bestMovie .history { padding: 22px 0 106px }
.bestMovie .review3 { top: 86px; width: 59px; height: 59px; background-size: cover; font-size: 0.8em }
.bestMovie .review3 .year { margin-top: 9px; font-size: 8.8px }
.bestMovie .groupping1 .review1 { top: 50px }
.bestMovie .groupping1 .review2 { top: 122px }
.bestMovie dl .trailer1, .bestMovie dl .trailer2, .bestMovie .blackBg { width: 170px; height: 107px }
#culture .bestMovie dl .titleBg { width: 165px }
.bestMovie dl .play { margin-top: 41px; left: 66px }
.bestMovie dl .trailer2 { left: 192px }
.bestMovie dl dt, .bestMovie dl .drected, .bestMovie .starring { margin-left: 375px }
.bestMovie .descript { padding-left: 376px; height: 61px; font-size: 11px; margin-top: 7px }
.bestMovie dl { height: 131px }
#mainSearch .breakline, #mainSearch select, #mainSearch input[type=text] { margin-left: 15px }
#fashion { height: 817px }
.popularItems { top: 510px; right: auto; left: 30px }
#fashion .women, #fashion .men { width: 100% }
.popularItems { width: 50% }
.popularItems h4 a { right: -90%; margin-right: 30px; top: 30px; height: 130px; width: 75% }
.newsBg .ad1 { display: block; top: 1824px; width: 37.5%; z-index: 200; right: 30px; height: 130px; font-size: 0}
.newsBg .ad1 img { width: 100%; height: 100%}
#events ul li { width: 10.7% }
footer .footerNav li a { font-size: 13px }
footer address { width: 365px }
.popularSec > ul > li > ol { height: 138px; overflow: hidden }
.popularSec { height: 229px; }
#ads .groupping2 dl dt { width: 60px; height: 62px; padding-top: 28px; background-size: cover }
#ads .groupping2 li dd { margin-bottom: 1px; }
#ads .groupping2 li { width: 130px }
#ads > ul > li:first-child { background-size: 760px; background-position: 14% center }
#ads { height: 200px }
#ads .groupping1 { margin-left: 36%; margin-top: 32px; }
#ads .groupping1 h2 { margin-bottom: 0 }
#ads .getIt a { left: 60%; top: 42px }
#ads .groupping1 p { display: none; left: 46%; top: 34px; line-height: 13px; height: 50px; }
#ads .groupping2 ul { left: 36%; margin-top: 83px }
.newsBg ul li:nth-child(5), .newsBg ul li:nth-child(6), .newsBg ul li:nth-child(7) { display: none; }
.newsBg ul li:nth-child(4) { border-bottom: 2px solid #ebebeb; }
.logInUp { top: 389px; background-color: #fbfbfb; height: 80px; right: 30px; width: 80px }
.logInUp .hide { display: block; background-color: #ebebeb; height: 1px; width: 50px; text-indent: -99999px; margin: 0 auto }
#wrapper .logInUp a { margin: 0 auto; padding: 9px 0;display: block; text-align: center; width: 100% }
}
@media only screen and (max-width: 600px) {
#banner .groupping { height: 255px }
.groupping.first h2 { padding: 2px 2px; font-size: 11px }
#banner .groupping.first h3 { font-size: 29px; margin-top: 47px; }
.groupping.first .line { width: 315px }
#banner .groupping.first p { font-size: 12px; padding-top: 6px; width: 325px; line-height: 14px; text-align: center }
#subHeader { margin-top: 375px }
.logInUp { top: 364px }
.popularItems h4 a { right: auto; margin-right: 0; left: 0; top: 172px; width: 47% }
.popularItems > ol ul li { width: 16.1% }
.popularItems { width: 90% }
.newsBg .ad1 { width: 44%; top: 1833px }
#fashion { height: 830px }
#banner > ul { width: 1000px }
}
@media only screen and (max-width: 570px) {
#banner ul > li > a { font-size: 12px }
#banner ul > li { margin-right: 9px }
#mainSearch input[type=text] { width: 40% }
.bestMovie .groupping1 { height: 200px; background-size: 523px }
.bestMovie .history { padding: 11px 0 96px; width: 203px; font-size: 12px }
.bestMovie .time { width: 203px }
.bestMovie dl .trailer1, .bestMovie dl .trailer2, .bestMovie .blackBg { width: 150px; height: 93px }
#culture .bestMovie dl .titleBg { width: 145px }
.bestMovie dl .play { margin-top: 33px; left: 53px }
.bestMovie dl .trailer2 { left: 171px }
.bestMovie dl dt, .bestMovie dl .drected, .bestMovie .starring { margin-left: 330px }
.bestMovie .descript { padding-left: 332px; height: 45px }
.bestMovie dl { height: 120px }
.bestMovie .review3, .bestMovie .review2, .bestMovie .review1 { display: none }
.movieList h4 { width: 150px; height: 93px }
.movieList ul li { width: 145px; margin-right: 6px }
.movieList { height: 195px }
}
@media only screen and (max-width: 500px) {
.popularItems { width: 87% }
#fashion { height: 981px }
.popularItems h4 a { top: 320px }
.newsBg .ad1 { top: 1980px; }
.popularItems > ol ul li { width: 32.8% }
#ads .groupping2 ul { left: 30% }
#ads .groupping1 { margin-left: 31% }
header h1 { font-size: 15px; width: 111px }
#mainSearch { padding-left: 165px }
#mainSearch .breakline, #mainSearch select, #mainSearch input[type=text] { margin-left: 9px }
header h1 .ui { width: 19px; height: 19px; background-size: 19px; margin-right: 5px }
.newsBg, .worldwideBg, .bg1200, #subHeader, #banner, #wrapper .width1200, #wrapper .width1200.added, header .bg1200 { padding: 0 10px }
.weather { left: 10px; padding-right: 67px }
.logInUp { right: 10px }
.popularItems { left: 10px; width: 95% }
.newsBg .ad1 { right: 10px; width: 46% }
.popularItems h4 a { width: 49% }
#ads .width1200 .prevNext a { left: 10px }
#ads .width1200 .prevNext a:last-child { right: 10px }
#culture .seeMore a { right: 10px }
.tenPlaces .prevNext a { left: 20px; }
.tenPlaces .prevNext a:last-child { right: 30px }
#banner > ul { margin-left: 5px }
#mainSearch .breakline, #mainSearch select { display: none }
.bestMovie dl dt { padding-top: 113px; margin-bottom: 3px }
.bestMovie dl { height: 210px }
.bestMovie dl dt, .bestMovie dl .drected, .bestMovie .starring { margin-left:10px }
.bestMovie .descript { padding-left: 10px }
.bestMovie dl .trailer1, .bestMovie dl .trailer2 { width: 45% }
.bestMovie .blackBg {width: 100% }
#culture .bestMovie dl .titleBg { width: 100%; box-sizing: border-box; }
.bestMovie dl .trailer2 { left: 52% }
}
@media only screen and (max-width: 450px) {
#ads .groupping2 ul { left: 19%; }
#ads .groupping1 { margin-left: 19% }
#ads .getIt a { left: 52%; }
}
@media only screen and (max-width: 430px) {
.popularItems h4 a, .newsBg .ad1 { height: 107px }
#fashion { height: 934px }
#banner .groupping.first h3 { font-size: 23px; margin-top: 35px }
.groupping.first .line { width: 250px }
#banner .groupping.first p { width: 259px; margin-bottom: 5px }
.groupping.first .seeBg { height: 25px; width: 77px }
.groupping.first .seeBg span.seemore { font-size: 12px; line-height: 25px }
#banner .groupping { height: 210px }
#subHeader { margin-top: 330px }
.logInUp { top: 320px }
.worldwideBg h2 { margin-bottom: 30px }
.worldwideBg > ul > li > a { top: -25px; left: 0 }
.worldwideBg > ul > li:nth-child(2) > a { left: 35px }
.worldwideBg > ul > li:nth-child(3) > a { left: 78px }
.worldwideBg > ul > li:nth-child(4) > a { left: 141px }
.newsBg .ad1 { top: 1968px }
.groupping.first h2 { position: static; margin-top: 10px }
#banner .groupping.first h3 { margin-top: 10px }
#fashion .fashionImg { height: 180px }
.popularItems { top: 480px }
#ads .width1200 .prevNext a { top: 85px }
}
@media only screen and (max-width: 400px) {
#places li { width: 3.6% }
.popularItems > ol ul li { width: 32.1% }
/*.popularItems h4 a, .newsBg .ad1 { height: 107px }*/
.newsBg .ad1 { display: none; top: 2100px }
#fashion { height: 986px }
.popularItems h4 a { width: 99%; height: 170px }
#places { padding-bottom: 24px }
footer .footerNav { width: 300px }
footer address { width: 300px }
#ads .groupping2 ul { left: 15%; }
#ads .groupping1 { margin-left: 15% }
#ads .getIt a { left: 52%; }
#subHeader { margin-top: 355px }
.weather { width: 95%; padding-right: 0 }
.logInUp { width: 100%; top: 300px; right: 0 }
.logInUp .hide { width: 100% }
#subHeader { margin-top: 405px }
.logInUp { border-bottom: 1px solid #ebebeb; height: 77px; }
#places li { width: 3.7% }
}
@media only screen and (max-width: 380px) {
#ads .groupping1 { margin-left: 12% }
#ads .groupping2 ul { left: 11% }
#places li { width: 3.4% }
#wrapper #places .placeImg { top: 94px }
.tenPlaces .prevNext a { top: 260px }
.tenPlaces .prevNext a:last-child { right: 10px }
}
@media only screen and (max-width: 360px) {
#ads .groupping1 { margin-left: 12% }
#ads .groupping2 ul { left: 12% }
#ads .groupping2 dl dt { width: 51px; height: 54px; padding-top: 23px; margin-top: 9px }
#ads .groupping2 li { width: 110px }
#ads .groupping2 li dd { width: 49px }
}
@media only screen and (max-width: 352px) {
.bestMovie dl .trailer1, .bestMovie dl .trailer2 { width: 45% }
.bestMovie .blackBg {width: 100% }
#culture .bestMovie dl .titleBg { width: 100%; box-sizing: border-box; }
.bestMovie dl .trailer2 { left: 52% }
}
@media only screen and (max-width: 330px) {
#ads .groupping1 { margin-left: 8% }
#ads .groupping2 ul { left: 8% }
}