@charset "UTF-8";

/* Page number */


.pagebar {
    margin: 50px 0;
    padding-top: 20px
}

.pagebar a,
.pagebar a span,
.pagebar span.select {
    padding: 8px 18px;
    line-height: 24px;
    text-align: center
}

.pagebar input,
.pagebar input[type=text] {
    display: none
}

.pagebar span.select {
    text-decoration: none;
    display: inline-block;
    margin: 3px 2px;
    color: #fff;
    background-color: #2f96ee
}

.pagebar a,
.pagebar a[disabled=disabled]:hover {
    background-color: #E9E9E9;
    color: #333;
    text-decoration: none
}

.pagebar a[disabled=disabled] {
    display: none
}

.pagebar a {
    font-size: .8em;
    display: inline-block;
    margin: 3px 2px
}

.pagebar a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #2f96ee
}

.pagebar a:hover span {
    color: #fff
}

.pagebar a span {
    text-decoration: none;
    display: inline-block;
    background-color: #E9E9E9;
    color: #333
}

.pagebar a span.yjian,
.pagebar a span.zjian {
    margin: 0;
    padding: 0
}

.pagebar p {
    text-align: center;
    color: #333;
    font-size: .857em;
    line-height: 2em;
    margin-bottom: 10px
}

.pagebar ul {
    min-width: 660px;
    margin: 0 auto;
    text-align: left;
    font-size: 18px
}

.pagebar ul li {
    display: inline-block;
    background: 0 0;
    padding-left: 0
}

.pagebar ul li a {
    text-decoration: none;
    display: inline-block;
    text-align: center;
    background-color: #E9E9E9;
    padding: 8px 16px;
    line-height: 24px;
    color: #333
}

.pagebar ul li a:hover,
.pagebar ul li.press a {
    background-color: #2f96ee;
    text-decoration: none
}

.pagebar ul li a:hover {
    color: #fff
}

.pagebar ul li a.icon-arrow-left,
.pagebar ul li a.icon-arrow-right {
    color: #aaa;
    padding: 8px 13px
}

.pagebar ul li a.icon-arrow-left:before,
.pagebar ul li a.icon-arrow-right:before {
    position: relative;
    top: 2px;
    color: #aaa
}

.pagebar ul li a.icon-arrow-left:hover:before,
.pagebar ul li a.icon-arrow-right:hover:before {
    color: #FFF
}

.pagebar ul li.press a {
    cursor: default;
    color: #fff;
    font-weight: 700
}

.article .bbsArticle,
.articleBrand .bbsArticle,
.articleContent .bbsArticle,
.articleIshow .bbsArticle,
.articleList .bbsArticle,
.articleProduct .bbsArticle,
.salesPopup .bbsArticle {
    position: relative;
    line-height: 1.6em
}

.article .bbsArticle .hr,
.articleBrand .bbsArticle .hr,
.articleContent .bbsArticle .hr,
.articleIshow .bbsArticle .hr,
.articleList .bbsArticle .hr,
.articleProduct .bbsArticle .hr,
.salesPopup .bbsArticle .hr {
    height: 30px;
    border-bottom: 1px dashed #ccc;
    margin-bottom: 30px
}

.article .bbsArticle .icon-exclamation:before,
.articleBrand .bbsArticle .icon-exclamation:before,
.articleContent .bbsArticle .icon-exclamation:before,
.articleIshow .bbsArticle .icon-exclamation:before,
.articleList .bbsArticle .icon-exclamation:before,
.articleProduct .bbsArticle .icon-exclamation:before,
.salesPopup .bbsArticle .icon-exclamation:before {
    position: relative;
    top: 2px;
    margin: 0 5px
}

.article .bbsArticle img,
.articleBrand .bbsArticle img,
.articleContent .bbsArticle img,
.articleIshow .bbsArticle img,
.articleList .bbsArticle img,
.articleProduct .bbsArticle img,
.salesPopup .bbsArticle img {
    max-width: 100%;
    height: auto;
    margin: 10px 20px 10px 0
}

.article .bbsArticle h1,
.articleBrand .bbsArticle h1,
.articleContent .bbsArticle h1,
.articleIshow .bbsArticle h1,
.articleList .bbsArticle h1,
.articleProduct .bbsArticle h1,
.salesPopup .bbsArticle h1 {
    font-size: 26px;
    font-weight: 400;
    line-height: 36.4px;
    margin: 20px 0
}

.article .bbsArticle h2,
.articleBrand .bbsArticle h2,
.articleContent .bbsArticle h2,
.articleIshow .bbsArticle h2,
.articleList .bbsArticle h2,
.articleProduct .bbsArticle h2,
.salesPopup .bbsArticle h2 {
    font-size: 21.01px;
    padding: 10px 0;
    font-weight: 400
}

.article .bbsArticle h3,
.articleBrand .bbsArticle h3,
.articleContent .bbsArticle h3,
.articleIshow .bbsArticle h3,
.articleList .bbsArticle h3,
.articleProduct .bbsArticle h3,
.salesPopup .bbsArticle h3 {
    font-size: 19.8px;
    padding: 10px 0
}

.article .bbsArticle h4,
.articleBrand .bbsArticle h4,
.articleContent .bbsArticle h4,
.articleIshow .bbsArticle h4,
.articleList .bbsArticle h4,
.articleProduct .bbsArticle h4,
.salesPopup .bbsArticle h4 {
    font-size: 19.2px;
    padding: 5px 0
}

.article .bbsArticle h5,
.articleBrand .bbsArticle h5,
.articleContent .bbsArticle h5,
.articleIshow .bbsArticle h5,
.articleList .bbsArticle h5,
.articleProduct .bbsArticle h5,
.salesPopup .bbsArticle h5 {
    font-size: 17.6px;
    padding: 5px 0
}

.article .bbsArticle h6,
.articleBrand .bbsArticle h6,
.articleContent .bbsArticle h6,
.articleIshow .bbsArticle h6,
.articleList .bbsArticle h6,
.articleProduct .bbsArticle h6,
.salesPopup .bbsArticle h6 {
    font-size: 16px;
    padding: 5px 0
}

.article .bbsArticle p,
.articleBrand .bbsArticle p,
.articleContent .bbsArticle p,
.articleIshow .bbsArticle p,
.articleList .bbsArticle p,
.articleProduct .bbsArticle p,
.salesPopup .bbsArticle p {
    margin-bottom: 20px
}

.article .bbsArticle p .title,
.articleBrand .bbsArticle p .title,
.articleContent .bbsArticle p .title,
.articleIshow .bbsArticle p .title,
.articleList .bbsArticle p .title,
.articleProduct .bbsArticle p .title,
.salesPopup .bbsArticle p .title {
    display: inline-block;
    min-width: 110px
}

.article .bbsArticle p a,
.articleBrand .bbsArticle p a,
.articleContent .bbsArticle p a,
.articleIshow .bbsArticle p a,
.articleList .bbsArticle p a,
.articleProduct .bbsArticle p a,
.salesPopup .bbsArticle p a {
    color: #e14000;
    text-decoration: none
}

.article .bbsArticle p a:visited,
.articleBrand .bbsArticle p a:visited,
.articleContent .bbsArticle p a:visited,
.articleIshow .bbsArticle p a:visited,
.articleList .bbsArticle p a:visited,
.articleProduct .bbsArticle p a:visited,
.salesPopup .bbsArticle p a:visited {
    color: #e14000
}

.article .bbsArticle p a:hover,
.articleBrand .bbsArticle p a:hover,
.articleContent .bbsArticle p a:hover,
.articleIshow .bbsArticle p a:hover,
.articleList .bbsArticle p a:hover,
.articleProduct .bbsArticle p a:hover,
.salesPopup .bbsArticle p a:hover {
    color: #2f96ee
}

.article .bbsArticle ul,
.articleBrand .bbsArticle ul,
.articleContent .bbsArticle ul,
.articleIshow .bbsArticle ul,
.articleList .bbsArticle ul,
.articleProduct .bbsArticle ul,
.salesPopup .bbsArticle ul {
    margin: 20px
}

.article .bbsArticle ul li,
.articleBrand .bbsArticle ul li,
.articleContent .bbsArticle ul li,
.articleIshow .bbsArticle ul li,
.articleList .bbsArticle ul li,
.articleProduct .bbsArticle ul li,
.salesPopup .bbsArticle ul li {
    margin-bottom: 10px;
    padding-left: 0;
    color: #333;
    list-style-position: outside;
    list-style-type: disc;
    border: 0
}

.article .bbsArticle ul li a,
.articleBrand .bbsArticle ul li a,
.articleContent .bbsArticle ul li a,
.articleIshow .bbsArticle ul li a,
.articleList .bbsArticle ul li a,
.articleProduct .bbsArticle ul li a,
.salesPopup .bbsArticle ul li a {
    color: #e14000;
    text-decoration: none
}

.article .bbsArticle ul li a:visited,
.articleBrand .bbsArticle ul li a:visited,
.articleContent .bbsArticle ul li a:visited,
.articleIshow .bbsArticle ul li a:visited,
.articleList .bbsArticle ul li a:visited,
.articleProduct .bbsArticle ul li a:visited,
.salesPopup .bbsArticle ul li a:visited {
    color: #e14000
}

.article .bbsArticle ul li a:hover,
.articleBrand .bbsArticle ul li a:hover,
.articleContent .bbsArticle ul li a:hover,
.articleIshow .bbsArticle ul li a:hover,
.articleList .bbsArticle ul li a:hover,
.articleProduct .bbsArticle ul li a:hover,
.salesPopup .bbsArticle ul li a:hover {
    color: #2f96ee
}

.article .bbsArticle ul.insideListMore li,
.articleBrand .bbsArticle ul.insideListMore li,
.articleContent .bbsArticle ul.insideListMore li,
.articleIshow .bbsArticle ul.insideListMore li,
.articleList .bbsArticle ul.insideListMore li,
.articleProduct .bbsArticle ul.insideListMore li,
.salesPopup .bbsArticle ul.insideListMore li {
    width: 33%;
    display: inline-block;
    vertical-align: top
}

.article .bbsArticle ul.insideListMore li a,
.article .bbsArticle ul.insideListMore li a:visited,
.articleBrand .bbsArticle ul.insideListMore li a,
.articleBrand .bbsArticle ul.insideListMore li a:visited,
.articleContent .bbsArticle ul.insideListMore li a,
.articleContent .bbsArticle ul.insideListMore li a:visited,
.articleIshow .bbsArticle ul.insideListMore li a,
.articleIshow .bbsArticle ul.insideListMore li a:visited,
.articleList .bbsArticle ul.insideListMore li a,
.articleList .bbsArticle ul.insideListMore li a:visited,
.articleProduct .bbsArticle ul.insideListMore li a,
.articleProduct .bbsArticle ul.insideListMore li a:visited,
.salesPopup .bbsArticle ul.insideListMore li a,
.salesPopup .bbsArticle ul.insideListMore li a:visited {
    color: #333
}

.article .bbsArticle ul.insideListMore li a:hover,
.articleBrand .bbsArticle ul.insideListMore li a:hover,
.articleContent .bbsArticle ul.insideListMore li a:hover,
.articleIshow .bbsArticle ul.insideListMore li a:hover,
.articleList .bbsArticle ul.insideListMore li a:hover,
.articleProduct .bbsArticle ul.insideListMore li a:hover,
.salesPopup .bbsArticle ul.insideListMore li a:hover {
    color: #2f96ee
}

.article .bbsArticle ul.insideListMore li:before,
.articleBrand .bbsArticle ul.insideListMore li:before,
.articleContent .bbsArticle ul.insideListMore li:before,
.articleIshow .bbsArticle ul.insideListMore li:before,
.articleList .bbsArticle ul.insideListMore li:before,
.articleProduct .bbsArticle ul.insideListMore li:before,
.salesPopup .bbsArticle ul.insideListMore li:before {
    font-family: vscinemas;
    content: "j";
    font-size: .9em;
    color: #999
}

.article .bbsArticle ol,
.articleBrand .bbsArticle ol,
.articleContent .bbsArticle ol,
.articleIshow .bbsArticle ol,
.articleList .bbsArticle ol,
.articleProduct .bbsArticle ol,
.salesPopup .bbsArticle ol {
    margin-left: 20px;
    padding-top: 5px
}

.article .bbsArticle ol li,
.articleBrand .bbsArticle ol li,
.articleContent .bbsArticle ol li,
.articleIshow .bbsArticle ol li,
.articleList .bbsArticle ol li,
.articleProduct .bbsArticle ol li,
.salesPopup .bbsArticle ol li {
    margin-bottom: 10px;
    margin-left: 20px;
    color: #333;
    list-style-position: outside;
    list-style-type: decimal
}

.article .bbsArticle ol li a,
.articleBrand .bbsArticle ol li a,
.articleContent .bbsArticle ol li a,
.articleIshow .bbsArticle ol li a,
.articleList .bbsArticle ol li a,
.articleProduct .bbsArticle ol li a,
.salesPopup .bbsArticle ol li a {
    color: #e14000;
    text-decoration: none
}

.article .bbsArticle ol li a:visited,
.articleBrand .bbsArticle ol li a:visited,
.articleContent .bbsArticle ol li a:visited,
.articleIshow .bbsArticle ol li a:visited,
.articleList .bbsArticle ol li a:visited,
.articleProduct .bbsArticle ol li a:visited,
.salesPopup .bbsArticle ol li a:visited {
    color: #e14000
}

.article .bbsArticle ol li a:hover,
.articleBrand .bbsArticle ol li a:hover,
.articleContent .bbsArticle ol li a:hover,
.articleIshow .bbsArticle ol li a:hover,
.articleList .bbsArticle ol li a:hover,
.articleProduct .bbsArticle ol li a:hover,
.salesPopup .bbsArticle ol li a:hover {
    color: #2f96ee
}

.article .bbsArticle ol li ul li,
.articleBrand .bbsArticle ol li ul li,
.articleContent .bbsArticle ol li ul li,
.articleIshow .bbsArticle ol li ul li,
.articleList .bbsArticle ol li ul li,
.articleProduct .bbsArticle ol li ul li,
.salesPopup .bbsArticle ol li ul li {
    list-style-type: disc
}

.article .bbsArticle table,
.articleBrand .bbsArticle table,
.articleContent .bbsArticle table,
.articleIshow .bbsArticle table,
.articleList .bbsArticle table,
.articleProduct .bbsArticle table,
.salesPopup .bbsArticle table {
    width: 100%;
    margin: 30px 0;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc
}

.article .bbsArticle table tr:nth-child(odd),
.articleBrand .bbsArticle table tr:nth-child(odd),
.articleContent .bbsArticle table tr:nth-child(odd),
.articleIshow .bbsArticle table tr:nth-child(odd),
.articleList .bbsArticle table tr:nth-child(odd),
.articleProduct .bbsArticle table tr:nth-child(odd),
.salesPopup .bbsArticle table tr:nth-child(odd) {
    background-color: #eaeaea
}

.article .bbsArticle table tr:first-child,
.articleBrand .bbsArticle table tr:first-child,
.articleContent .bbsArticle table tr:first-child,
.articleIshow .bbsArticle table tr:first-child,
.articleList .bbsArticle table tr:first-child,
.articleProduct .bbsArticle table tr:first-child,
.salesPopup .bbsArticle table tr:first-child {
    background-color: #2660a9;
    color: #FFF
}

.article .bbsArticle table tr td,
.articleBrand .bbsArticle table tr td,
.articleContent .bbsArticle table tr td,
.articleIshow .bbsArticle table tr td,
.articleList .bbsArticle table tr td,
.articleProduct .bbsArticle table tr td,
.salesPopup .bbsArticle table tr td {
    padding: 5px 10px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.article .bbsArticle table tr td input[type=radio],
.articleBrand .bbsArticle table tr td input[type=radio],
.articleContent .bbsArticle table tr td input[type=radio],
.articleIshow .bbsArticle table tr td input[type=radio],
.articleList .bbsArticle table tr td input[type=radio],
.articleProduct .bbsArticle table tr td input[type=radio],
.salesPopup .bbsArticle table tr td input[type=radio] {
    margin-left: 10px
}

.article .bbsArticle table.tableStyle tr td,
.articleBrand .bbsArticle table.tableStyle tr td,
.articleContent .bbsArticle table.tableStyle tr td,
.articleIshow .bbsArticle table.tableStyle tr td,
.articleList .bbsArticle table.tableStyle tr td,
.articleProduct .bbsArticle table.tableStyle tr td,
.salesPopup .bbsArticle table.tableStyle tr td {
    text-align: center;
    vertical-align: middle
}

.article form .bbsArticle ol,
.articleBrand form .bbsArticle ol,
.articleContent form .bbsArticle ol,
.articleList form .bbsArticle ol,
.articleProduct form .bbsArticle ol {
    margin-left: 0
}

.searchBox {
    position: fixed;
    z-index: 50;
    right: 0;
    top: 135px
}

.searchBox ul.searchItem {
    position: relative
}

.searchBox ul.searchItem li {
    position: relative;
    height: 102px;
    font-size: 16px
}

.searchBox ul.searchItem li.open a {
    right: 100%
}

.searchBox ul.searchItem li.open .searchSet {
    right: 0
}

.searchBox ul.searchItem li a {
    position: absolute;
    z-index: 90;
    right: 0;
    top: 30px;
    width: 15px;
    height: 80px;
    padding: 10px 13px 10px 10px;
    line-height: 1.3em;
    background-color: #666;
    border-top: 1px solid #888;
    border-bottom: 1px solid #555;
    color: #FFF
}

.searchBox ul.searchItem li a:before {
    position: absolute;
    width: 3px;
    height: 100%;
    top: 0;
    left: -3px;
    content: '-';
    color: #666;
    display: block;
    background: url(../images/inside_head.png) left top repeat-y
}
.searchBox ul.searchItem li a.SessionSeats:before{ display: none; }
.btnArea input[type=button]+a:before, .btnArea input[type=submit]+a:before{display: none; }

.searchBox ul.searchItem li .searchSet {
    position: absolute;
    z-index: 99;
    top: 0;
    right: -400px;
    width: 400px;
    background-color: #2660a9;
    -webkit-border-radius: 15px 0 0 15px;
    border-radius: 15px 0 0 15px
}

.searchBox ul.searchItem li .searchSet .btnArea {
    margin-top: 15px
}

.searchBox ul.searchItem li .searchSet .bookBox,
.searchBox ul.searchItem li .searchSet .findBox {
    margin: 25px 6.25% 1px
}

.searchBox ul.searchItem li .searchSet .bookBox ul li,
.searchBox ul.searchItem li .searchSet .findBox ul li {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    display: inline-block
}

.searchBox ul.searchItem li .searchSet .bookBox ul li span,
.searchBox ul.searchItem li .searchSet .findBox ul li span {
    width: 10%;
    margin-right: 2%;
    color: #FFF
}

.searchBox ul.searchItem li .searchSet .bookBox ul li span:before,
.searchBox ul.searchItem li .searchSet .findBox ul li span:before {
    position: relative;
    top: 3px;
    font-size: 1.2em
}

.searchBox ul.searchItem li .searchSet .bookBox ul li select,
.searchBox ul.searchItem li .searchSet .findBox ul li select {
    display: inline-block;
    width: 90%;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.searchBox ul.searchItem li .searchSet .findBox ul li {
    width: 100%
}

.searchBox ul.searchItem li .searchSet .findBox ul li.left {
    position: relative;
    display: inline-block;
    width: 49%
}

.searchBox ul.searchItem li .searchSet .findBox ul li.left span {
    margin-right: 4%
}

.searchBox ul.searchItem li .searchSet .findBox ul li.left select {
    width: 80%;
    display: inline-block
}

.qaBox ul.insideQalist {
    position: fixed;
    z-index: 40;
    right: 0;
    top: 390px
}

.qaBox ul.insideQalist li {
    position: relative;
    right: 0;
    margin-right: -75px;
    background-color: #999;
    color: #FFF;
    padding: 0 11px;
    line-height: 2.4em;
    font-size: 16px;
    text-align: left
}

.qaBox ul.insideQalist li:hover span {
    color: #fff79d
}

.qaBox ul.insideQalist li:first-child {
    border-top: 0 solid #888
}

.qaBox ul.insideQalist li:last-child {
    border-bottom: 0 solid #bbb
}

.qaBox ul.insideQalist li span {
    position: relative;
    top: 2px;
    margin-right: 10px;
    cursor: pointer
}

.qaBox ul.insideQalist li a,
.qaBox ul.insideQalist li a:visited {
    color: #FFF
}

.qaBox ul.insideQalist li a:hover {
    color: #fff79d
}

.crumbArea,
.crumbBrand,
.crumbFood {
    position: relative;
    z-index: 10;
    background-color: #eaeaea
}

.crumbArea .crumb,
.crumbBrand .crumb,
.crumbFood .crumb {
    width: 1140px;
    margin: 0 auto;
    color: #999;
    font-size: 14px;
    padding: 5px 0
}

.crumbArea .crumb span,
.crumbBrand .crumb span,
.crumbFood .crumb span {
    color: #2f96ee
}

.crumbArea .crumb span a,
.crumbArea .crumb span a:visited,
.crumbBrand .crumb span a,
.crumbBrand .crumb span a:visited,
.crumbFood .crumb span a,
.crumbFood .crumb span a:visited {
    color: #999
}

.crumbArea .crumb span a:hover,
.crumbBrand .crumb span a:hover,
.crumbFood .crumb span a:hover {
    color: #2f96ee
}

.crumbArea .crumb span .icon-home,
.crumbBrand .crumb span .icon-home,
.crumbFood .crumb span .icon-home {
    position: relative;
    top: 3px;
    font-size: 1.2em
}

.crumbArea .crumb span:before,
.crumbBrand .crumb span:before,
.crumbFood .crumb span:before {
    content: " > ";
    color: #999
}

.crumbArea .crumb span:first-child:before,
.crumbBrand .crumb span:first-child:before,
.crumbFood .crumb span:first-child:before {
    content: ""
}

.needCheck,
.adult,
.bigchild,
.childview,
.general,
.hot,
.pg,
.teenager {
    position: relative;
    top: -3px;
    background-color: #5BB430;
    font-size: 18px;
    color: #FFF;
    padding: 2px 5px;
    margin-left: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.needCheck:before,
.adult:before,
.bigchild:before,
.childview:before,
.general:before,
.hot:before,
.pg:before,
.teenager:before {
    content: "普"
}

.needCheck mark,
.adult mark,
.bigchild mark,
.childview mark,
.general mark,
.hot mark,
.pg mark,
.teenager mark {
    background: 0 0
}

.needCheck mark:before,
.adult mark:before,
.bigchild mark:before,
.childview mark:before,
.general mark:before,
.hot mark:before,
.pg mark:before,
.teenager mark:before {
    position: relative;
    top: 3px;
    margin-left: 0;
    font-family: vscinemas, "微軟正黑體";
    content: "L";
    color: #fff;
    font-size: 1.3em;
    font-weight: 400
}

.childview {
    background-color: #00a0e8
}

.childview:before {
    content: "護"
}

.childview mark:before {
    content: "B"
}

.bigchild {
    background-color: #e3a600
}

.bigchild:before {
    content: "輔"
}

.bigchild mark:before {
    content: "r"
}

.teenager {
    background-color: #e70
}

.teenager:before {
    content: "輔"
}

.teenager mark:before {
    content: "I"
}

.adult {
    background-color: #e50011
}

.adult:before {
    content: "限"
}

.adult mark:before {
    content: "M"
}

.needCheck {
    background-color: #920783
}

.needCheck:before {
    content: "待"
}

.needCheck mark:before {
    content: "\006D"
}

.pg {
    background-color: #fba908
}

.pg:before {
    content: "輔"
}

.pg mark:before {
    content: "N"
}

.hot {
    background-color: #e66e04
}

.hot:before {
    position: relative;
    top: 2px;
    font-family: vscinemas, "微軟正黑體";
    content: "Q"
}

.hot mark:before {
    top: 0;
    margin: 0;
    font-size: 18px;
    font-family: "微軟正黑體";
    content: "熱售中"
}

.article,
.articleBrand,
.articleContent,
.articleList,
.articleProduct {
    position: relative;
    z-index: 3;
    min-height: 300px;
    vertical-align: top;
    width: 1140px;
    margin: 0 auto
}

.article .btnArea,
.articleBrand .btnArea,
.articleContent .btnArea,
.articleList .btnArea,
.articleProduct .btnArea {
    margin: 50px 0 25px
}

.article time.newsSide,
.articleBrand time.newsSide,
.articleContent time.newsSide,
.articleList time.newsSide,
.articleProduct time.newsSide {
    color: #999;
    display: block;
    margin-top: 30px
}

.article time.newsSide:before,
.articleBrand time.newsSide:before,
.articleContent time.newsSide:before,
.articleList time.newsSide:before,
.articleProduct time.newsSide:before {
    position: relative;
    top: 1px;
    font-family: vscinemas;
    content: "n";
    font-size: .9em;
    margin-right: 6px
}

.is-sticky .theaterSelect h1 span:before,
.sticky-wrapper .theaterSelect h1 span:before {
    content: ' - '
}

.article time.newsSide+h1,
.articleBrand time.newsSide+h1,
.articleContent time.newsSide+h1,
.articleList time.newsSide+h1,
.articleProduct time.newsSide+h1 {
    margin-top: 10px
}

.sticky-wrapper {
    position: relative;
    text-align: center
}

.sticky-wrapper .theaterSelect {
    display: inline-block;
    background: #efefef;
    padding: 10px 20px;
    -webkit-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px
}

.sticky-wrapper .theaterSelect h1 {
    position: relative;
    display: block;
    font-size: 21.01px;
    color: #333;
    text-align: center;
    margin: 0
}

.sticky-wrapper .theaterSelect h1 span {
    color: #2f96ee
}

.is-sticky .theaterSelect {
    z-index: 35;
    background-color: #505050;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 10px 0;
    width: 100%;
    left: 0;
    right: 0
}

.is-sticky .theaterSelect h1 {
    position: relative;
    width: 100%;
    margin: 0 auto;
    font-size: 21.01px;
    color: #fff;
    text-align: center
}

.is-sticky .theaterSelect h1 span {
    color: #fff79d
}

.iconArea {
    margin: 0 20px 15px 16px;
    min-height: 55px
}

.liveList .iconArea {
    min-height: 20px
}

.iconArea .vscinemas {
    text-align: center;
    opacity: .8
}

.iconArea .vscinemas:hover {
    opacity: 1
}

.iconArea .vscinemas:before {
    position: relative;
    top: 7px;
    content: " ";
    width: 25px;
    height: 25px;
    display: inline-block;
    background: url(../images/vscinemasBaby.png) center center no-repeat
}

.iconArea span.theaterMark {
    position: relative;
    z-index: 5;
    padding: 3px 5px;
    margin: 5px 0 0 5px;
    line-height: 1em;
    min-width: 29px;
    text-align: center;
    display: inline-block;
    color: #999;
    font-size: 14px;
    border: 1px solid #999;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.iconArea span.theaterMark a {
    display: block;
    color: #999
}

.iconArea span.theaterMark a:visited {
    color: #999
}

.iconArea span.theaterMark a:hover {
    color: #fff
}

.iconArea span.theaterMark a:hover:before {
    position: absolute;
    z-index: -1;
    display: block;
    content: ' ';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #2660a9;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.iconArea .more {
    display: inline-block
}

.iconArea .more:before {
    content: '......';
    color: #999;
    margin: 0 5px
}

.iconArea .more a {
    color: #FFF;
    background: #999;
    font-size: 12px;
    padding: 0 4px 2px;
    margin: 0;
    vertical-align: middle
}

.iconArea .more a:visited {
    color: #FFF
}

.iconArea .more a:hover {
    color: #fff;
    background-color: #2660a9
}

ul.eventList,
ul.hotList,
ul.liveList,
ul.mallEventList,
ul.mallList,
ul.mallProductList,
ul.movieList,
ul.productList,
ul.productListBig {
    position: relative;
    left: 4px;
    vertical-align: top;
    margin-bottom: 40px
}

ul.eventList li,
ul.hotList li,
ul.liveList li,
ul.mallEventList li,
ul.mallList li,
ul.mallProductList li,
ul.movieList li,
ul.productList li,
ul.productListBig li {
    width: 20%;
    display: inline-block;
    vertical-align: top;
    margin-left: -4px;
    margin-bottom: 20px;
    min-height: 563px
}

ul.eventList li:active,
ul.eventList li:hover,
ul.hotList li:active,
ul.hotList li:hover,
ul.liveList li:active,
ul.liveList li:hover,
ul.mallEventList li:active,
ul.mallEventList li:hover,
ul.mallList li:active,
ul.mallList li:hover,
ul.mallProductList li:active,
ul.mallProductList li:hover,
ul.movieList li:active,
ul.movieList li:hover,
ul.productList li:active,
ul.productList li:hover,
ul.productListBig li:active,
ul.productListBig li:hover {
    background-color: #EAEAEA
}

.brandArea .movieArea .movieBanner .slidesArea div ul.eventList li:active .iconArea a.theaterMark:hover,
.brandArea .movieArea .movieBanner .slidesArea div ul.eventList li:hover .iconArea a.theaterMark:hover,
.brandArea .movieArea .movieBanner .slidesArea div ul.hotList li:active .iconArea a.theaterMark:hover,
.brandArea .movieArea .movieBanner .slidesArea div ul.hotList li:hover .iconArea a.theaterMark:hover,
.brandArea .movieArea .movieBanner .slidesArea div ul.liveList li:active .iconArea a.theaterMark:hover,
.brandArea .movieArea .movieBanner .slidesArea div ul.liveList li:hover .iconArea a.theaterMark:hover,
.brandArea .movieArea .movieBanner .slidesArea div ul.mallEventList li:active .iconArea a.theaterMark:hover,
.brandArea .movieArea .movieBanner .slidesArea div ul.mallEventList li:hover .iconArea a.theaterMark:hover,
.brandArea .movieArea .movieBanner .slidesArea div ul.mallList li:active .iconArea a.theaterMark:hover,
.brandArea .movieArea .movieBanner .slidesArea div ul.mallList li:hover .iconArea a.theaterMark:hover,
.brandArea .movieArea .movieBanner .slidesArea div ul.mallProductList li:active .iconArea a.theaterMark:hover,
.brandArea .movieArea .movieBanner .slidesArea div ul.mallProductList li:hover .iconArea a.theaterMark:hover,
.brandArea .movieArea .movieBanner .slidesArea div ul.movieList li:active .iconArea a.theaterMark:hover,
.brandArea .movieArea .movieBanner .slidesArea div ul.movieList li:hover .iconArea a.theaterMark:hover,
.brandArea .movieArea .movieBanner .slidesArea div ul.productList li:active .iconArea a.theaterMark:hover,
.brandArea .movieArea .movieBanner .slidesArea div ul.productList li:hover .iconArea a.theaterMark:hover,
.brandArea .movieArea .movieBanner .slidesArea div ul.productListBig li:active .iconArea a.theaterMark:hover,
.brandArea .movieArea .movieBanner .slidesArea div ul.productListBig li:hover .iconArea a.theaterMark:hover,
.foodbrandArea .movieArea .movieBanner .slidesArea div ul.eventList li:active .iconArea a.theaterMark:hover,
.foodbrandArea .movieArea .movieBanner .slidesArea div ul.eventList li:hover .iconArea a.theaterMark:hover,
.foodbrandArea .movieArea .movieBanner .slidesArea div ul.hotList li:active .iconArea a.theaterMark:hover,
.foodbrandArea .movieArea .movieBanner .slidesArea div ul.hotList li:hover .iconArea a.theaterMark:hover,
.foodbrandArea .movieArea .movieBanner .slidesArea div ul.liveList li:active .iconArea a.theaterMark:hover,
.foodbrandArea .movieArea .movieBanner .slidesArea div ul.liveList li:hover .iconArea a.theaterMark:hover,
.foodbrandArea .movieArea .movieBanner .slidesArea div ul.mallEventList li:active .iconArea a.theaterMark:hover,
.foodbrandArea .movieArea .movieBanner .slidesArea div ul.mallEventList li:hover .iconArea a.theaterMark:hover,
.foodbrandArea .movieArea .movieBanner .slidesArea div ul.mallList li:active .iconArea a.theaterMark:hover,
.foodbrandArea .movieArea .movieBanner .slidesArea div ul.mallList li:hover .iconArea a.theaterMark:hover,
.foodbrandArea .movieArea .movieBanner .slidesArea div ul.mallProductList li:active .iconArea a.theaterMark:hover,
.foodbrandArea .movieArea .movieBanner .slidesArea div ul.mallProductList li:hover .iconArea a.theaterMark:hover,
.foodbrandArea .movieArea .movieBanner .slidesArea div ul.movieList li:active .iconArea a.theaterMark:hover,
.foodbrandArea .movieArea .movieBanner .slidesArea div ul.movieList li:hover .iconArea a.theaterMark:hover,
.foodbrandArea .movieArea .movieBanner .slidesArea div ul.productList li:active .iconArea a.theaterMark:hover,
.foodbrandArea .movieArea .movieBanner .slidesArea div ul.productList li:hover .iconArea a.theaterMark:hover,
.foodbrandArea .movieArea .movieBanner .slidesArea div ul.productListBig li:active .iconArea a.theaterMark:hover,
.foodbrandArea .movieArea .movieBanner .slidesArea div ul.productListBig li:hover .iconArea a.theaterMark:hover,
ul.eventList li:active .brandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.eventList li:active .foodbrandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.eventList li:active .iconArea a.theaterMark,
ul.eventList li:active .iconArea span.theaterMark,
ul.eventList li:active .iconArea span.theaterMark a,
ul.eventList li:hover .brandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.eventList li:hover .foodbrandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.eventList li:hover .iconArea a.theaterMark,
ul.eventList li:hover .iconArea span.theaterMark,
ul.eventList li:hover .iconArea span.theaterMark a,
ul.hotList li:active .brandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.hotList li:active .foodbrandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.hotList li:active .iconArea a.theaterMark,
ul.hotList li:active .iconArea span.theaterMark,
ul.hotList li:active .iconArea span.theaterMark a,
ul.hotList li:hover .brandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.hotList li:hover .foodbrandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.hotList li:hover .iconArea a.theaterMark,
ul.hotList li:hover .iconArea span.theaterMark,
ul.hotList li:hover .iconArea span.theaterMark a,
ul.liveList li:active .brandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.liveList li:active .foodbrandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.liveList li:active .iconArea a.theaterMark,
ul.liveList li:active .iconArea span.theaterMark,
ul.liveList li:active .iconArea span.theaterMark a,
ul.liveList li:hover .brandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.liveList li:hover .foodbrandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.liveList li:hover .iconArea a.theaterMark,
ul.liveList li:hover .iconArea span.theaterMark,
ul.liveList li:hover .iconArea span.theaterMark a,
ul.mallEventList li:active .brandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.mallEventList li:active .foodbrandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.mallEventList li:active .iconArea a.theaterMark,
ul.mallEventList li:active .iconArea span.theaterMark,
ul.mallEventList li:active .iconArea span.theaterMark a,
ul.mallEventList li:hover .brandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.mallEventList li:hover .foodbrandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.mallEventList li:hover .iconArea a.theaterMark,
ul.mallEventList li:hover .iconArea span.theaterMark,
ul.mallEventList li:hover .iconArea span.theaterMark a,
ul.mallList li:active .brandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.mallList li:active .foodbrandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.mallList li:active .iconArea a.theaterMark,
ul.mallList li:active .iconArea span.theaterMark,
ul.mallList li:active .iconArea span.theaterMark a,
ul.mallList li:hover .brandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.mallList li:hover .foodbrandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.mallList li:hover .iconArea a.theaterMark,
ul.mallList li:hover .iconArea span.theaterMark,
ul.mallList li:hover .iconArea span.theaterMark a,
ul.mallProductList li:active .brandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.mallProductList li:active .foodbrandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.mallProductList li:active .iconArea a.theaterMark,
ul.mallProductList li:active .iconArea span.theaterMark,
ul.mallProductList li:active .iconArea span.theaterMark a,
ul.mallProductList li:hover .brandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.mallProductList li:hover .foodbrandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.mallProductList li:hover .iconArea a.theaterMark,
ul.mallProductList li:hover .iconArea span.theaterMark,
ul.mallProductList li:hover .iconArea span.theaterMark a,
ul.movieList li:active .brandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.movieList li:active .foodbrandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.movieList li:active .iconArea a.theaterMark,
ul.movieList li:active .iconArea span.theaterMark,
ul.movieList li:active .iconArea span.theaterMark a,
ul.movieList li:hover .brandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.movieList li:hover .foodbrandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.movieList li:hover .iconArea a.theaterMark,
ul.movieList li:hover .iconArea span.theaterMark,
ul.movieList li:hover .iconArea span.theaterMark a,
ul.productList li:active .brandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.productList li:active .foodbrandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.productList li:active .iconArea a.theaterMark,
ul.productList li:active .iconArea span.theaterMark,
ul.productList li:active .iconArea span.theaterMark a,
ul.productList li:hover .brandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.productList li:hover .foodbrandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.productList li:hover .iconArea a.theaterMark,
ul.productList li:hover .iconArea span.theaterMark,
ul.productList li:hover .iconArea span.theaterMark a,
ul.productListBig li:active .brandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.productListBig li:active .foodbrandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.productListBig li:active .iconArea a.theaterMark,
ul.productListBig li:active .iconArea span.theaterMark,
ul.productListBig li:active .iconArea span.theaterMark a,
ul.productListBig li:hover .brandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.productListBig li:hover .foodbrandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.productListBig li:hover .iconArea a.theaterMark,
ul.productListBig li:hover .iconArea span.theaterMark,
ul.productListBig li:hover .iconArea span.theaterMark a {
    color: #fff;
    background-color: #999
}

.brandArea .movieArea .movieBanner .slidesArea div ul.eventList li:active .iconArea a.theaterMark:visited:hover,
.brandArea .movieArea .movieBanner .slidesArea div ul.eventList li:hover .iconArea a.theaterMark:visited:hover,
.brandArea .movieArea .movieBanner .slidesArea div ul.hotList li:active .iconArea a.theaterMark:visited:hover,
.brandArea .movieArea .movieBanner .slidesArea div ul.hotList li:hover .iconArea a.theaterMark:visited:hover,
.brandArea .movieArea .movieBanner .slidesArea div ul.liveList li:active .iconArea a.theaterMark:visited:hover,
.brandArea .movieArea .movieBanner .slidesArea div ul.liveList li:hover .iconArea a.theaterMark:visited:hover,
.brandArea .movieArea .movieBanner .slidesArea div ul.mallEventList li:active .iconArea a.theaterMark:visited:hover,
.brandArea .movieArea .movieBanner .slidesArea div ul.mallEventList li:hover .iconArea a.theaterMark:visited:hover,
.brandArea .movieArea .movieBanner .slidesArea div ul.mallList li:active .iconArea a.theaterMark:visited:hover,
.brandArea .movieArea .movieBanner .slidesArea div ul.mallList li:hover .iconArea a.theaterMark:visited:hover,
.brandArea .movieArea .movieBanner .slidesArea div ul.mallProductList li:active .iconArea a.theaterMark:visited:hover,
.brandArea .movieArea .movieBanner .slidesArea div ul.mallProductList li:hover .iconArea a.theaterMark:visited:hover,
.brandArea .movieArea .movieBanner .slidesArea div ul.movieList li:active .iconArea a.theaterMark:visited:hover,
.brandArea .movieArea .movieBanner .slidesArea div ul.movieList li:hover .iconArea a.theaterMark:visited:hover,
.brandArea .movieArea .movieBanner .slidesArea div ul.productList li:active .iconArea a.theaterMark:visited:hover,
.brandArea .movieArea .movieBanner .slidesArea div ul.productList li:hover .iconArea a.theaterMark:visited:hover,
.brandArea .movieArea .movieBanner .slidesArea div ul.productListBig li:active .iconArea a.theaterMark:visited:hover,
.brandArea .movieArea .movieBanner .slidesArea div ul.productListBig li:hover .iconArea a.theaterMark:visited:hover,
.foodbrandArea .movieArea .movieBanner .slidesArea div ul.eventList li:active .iconArea a.theaterMark:visited:hover,
.foodbrandArea .movieArea .movieBanner .slidesArea div ul.eventList li:hover .iconArea a.theaterMark:visited:hover,
.foodbrandArea .movieArea .movieBanner .slidesArea div ul.hotList li:active .iconArea a.theaterMark:visited:hover,
.foodbrandArea .movieArea .movieBanner .slidesArea div ul.hotList li:hover .iconArea a.theaterMark:visited:hover,
.foodbrandArea .movieArea .movieBanner .slidesArea div ul.liveList li:active .iconArea a.theaterMark:visited:hover,
.foodbrandArea .movieArea .movieBanner .slidesArea div ul.liveList li:hover .iconArea a.theaterMark:visited:hover,
.foodbrandArea .movieArea .movieBanner .slidesArea div ul.mallEventList li:active .iconArea a.theaterMark:visited:hover,
.foodbrandArea .movieArea .movieBanner .slidesArea div ul.mallEventList li:hover .iconArea a.theaterMark:visited:hover,
.foodbrandArea .movieArea .movieBanner .slidesArea div ul.mallList li:active .iconArea a.theaterMark:visited:hover,
.foodbrandArea .movieArea .movieBanner .slidesArea div ul.mallList li:hover .iconArea a.theaterMark:visited:hover,
.foodbrandArea .movieArea .movieBanner .slidesArea div ul.mallProductList li:active .iconArea a.theaterMark:visited:hover,
.foodbrandArea .movieArea .movieBanner .slidesArea div ul.mallProductList li:hover .iconArea a.theaterMark:visited:hover,
.foodbrandArea .movieArea .movieBanner .slidesArea div ul.movieList li:active .iconArea a.theaterMark:visited:hover,
.foodbrandArea .movieArea .movieBanner .slidesArea div ul.movieList li:hover .iconArea a.theaterMark:visited:hover,
.foodbrandArea .movieArea .movieBanner .slidesArea div ul.productList li:active .iconArea a.theaterMark:visited:hover,
.foodbrandArea .movieArea .movieBanner .slidesArea div ul.productList li:hover .iconArea a.theaterMark:visited:hover,
.foodbrandArea .movieArea .movieBanner .slidesArea div ul.productListBig li:active .iconArea a.theaterMark:visited:hover,
.foodbrandArea .movieArea .movieBanner .slidesArea div ul.productListBig li:hover .iconArea a.theaterMark:visited:hover,
ul.eventList li:active .brandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:visited:hover,
ul.eventList li:active .foodbrandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:visited:hover,
ul.eventList li:active .iconArea a.theaterMark:visited,
ul.eventList li:active .iconArea span.theaterMark a:visited,
ul.eventList li:hover .brandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:visited:hover,
ul.eventList li:hover .foodbrandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:visited:hover,
ul.eventList li:hover .iconArea a.theaterMark:visited,
ul.eventList li:hover .iconArea span.theaterMark a:visited,
ul.hotList li:active .brandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:visited:hover,
ul.hotList li:active .foodbrandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:visited:hover,
ul.hotList li:active .iconArea a.theaterMark:visited,
ul.hotList li:active .iconArea span.theaterMark a:visited,
ul.hotList li:hover .brandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:visited:hover,
ul.hotList li:hover .foodbrandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:visited:hover,
ul.hotList li:hover .iconArea a.theaterMark:visited,
ul.hotList li:hover .iconArea span.theaterMark a:visited,
ul.liveList li:active .brandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:visited:hover,
ul.liveList li:active .foodbrandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:visited:hover,
ul.liveList li:active .iconArea a.theaterMark:visited,
ul.liveList li:active .iconArea span.theaterMark a:visited,
ul.liveList li:hover .brandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:visited:hover,
ul.liveList li:hover .foodbrandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:visited:hover,
ul.liveList li:hover .iconArea a.theaterMark:visited,
ul.liveList li:hover .iconArea span.theaterMark a:visited,
ul.mallEventList li:active .brandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:visited:hover,
ul.mallEventList li:active .foodbrandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:visited:hover,
ul.mallEventList li:active .iconArea a.theaterMark:visited,
ul.mallEventList li:active .iconArea span.theaterMark a:visited,
ul.mallEventList li:hover .brandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:visited:hover,
ul.mallEventList li:hover .foodbrandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:visited:hover,
ul.mallEventList li:hover .iconArea a.theaterMark:visited,
ul.mallEventList li:hover .iconArea span.theaterMark a:visited,
ul.mallList li:active .brandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:visited:hover,
ul.mallList li:active .foodbrandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:visited:hover,
ul.mallList li:active .iconArea a.theaterMark:visited,
ul.mallList li:active .iconArea span.theaterMark a:visited,
ul.mallList li:hover .brandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:visited:hover,
ul.mallList li:hover .foodbrandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:visited:hover,
ul.mallList li:hover .iconArea a.theaterMark:visited,
ul.mallList li:hover .iconArea span.theaterMark a:visited,
ul.mallProductList li:active .brandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:visited:hover,
ul.mallProductList li:active .foodbrandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:visited:hover,
ul.mallProductList li:active .iconArea a.theaterMark:visited,
ul.mallProductList li:active .iconArea span.theaterMark a:visited,
ul.mallProductList li:hover .brandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:visited:hover,
ul.mallProductList li:hover .foodbrandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:visited:hover,
ul.mallProductList li:hover .iconArea a.theaterMark:visited,
ul.mallProductList li:hover .iconArea span.theaterMark a:visited,
ul.movieList li:active .brandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:visited:hover,
ul.movieList li:active .foodbrandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:visited:hover,
ul.movieList li:active .iconArea a.theaterMark:visited,
ul.movieList li:active .iconArea span.theaterMark a:visited,
ul.movieList li:hover .brandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:visited:hover,
ul.movieList li:hover .foodbrandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:visited:hover,
ul.movieList li:hover .iconArea a.theaterMark:visited,
ul.movieList li:hover .iconArea span.theaterMark a:visited,
ul.productList li:active .brandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:visited:hover,
ul.productList li:active .foodbrandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:visited:hover,
ul.productList li:active .iconArea a.theaterMark:visited,
ul.productList li:active .iconArea span.theaterMark a:visited,
ul.productList li:hover .brandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:visited:hover,
ul.productList li:hover .foodbrandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:visited:hover,
ul.productList li:hover .iconArea a.theaterMark:visited,
ul.productList li:hover .iconArea span.theaterMark a:visited,
ul.productListBig li:active .brandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:visited:hover,
ul.productListBig li:active .foodbrandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:visited:hover,
ul.productListBig li:active .iconArea a.theaterMark:visited,
ul.productListBig li:active .iconArea span.theaterMark a:visited,
ul.productListBig li:hover .brandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:visited:hover,
ul.productListBig li:hover .foodbrandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:visited:hover,
ul.productListBig li:hover .iconArea a.theaterMark:visited,
ul.productListBig li:hover .iconArea span.theaterMark a:visited {
    color: #fff
}

.brandArea .movieArea .movieBanner .slidesArea div ul.eventList li:active .iconArea a.theaterMark:hover,
.brandArea .movieArea .movieBanner .slidesArea div ul.eventList li:hover .iconArea a.theaterMark:hover,
.brandArea .movieArea .movieBanner .slidesArea div ul.hotList li:active .iconArea a.theaterMark:hover,
.brandArea .movieArea .movieBanner .slidesArea div ul.hotList li:hover .iconArea a.theaterMark:hover,
.brandArea .movieArea .movieBanner .slidesArea div ul.liveList li:active .iconArea a.theaterMark:hover,
.brandArea .movieArea .movieBanner .slidesArea div ul.liveList li:hover .iconArea a.theaterMark:hover,
.brandArea .movieArea .movieBanner .slidesArea div ul.mallEventList li:active .iconArea a.theaterMark:hover,
.brandArea .movieArea .movieBanner .slidesArea div ul.mallEventList li:hover .iconArea a.theaterMark:hover,
.brandArea .movieArea .movieBanner .slidesArea div ul.mallList li:active .iconArea a.theaterMark:hover,
.brandArea .movieArea .movieBanner .slidesArea div ul.mallList li:hover .iconArea a.theaterMark:hover,
.brandArea .movieArea .movieBanner .slidesArea div ul.mallProductList li:active .iconArea a.theaterMark:hover,
.brandArea .movieArea .movieBanner .slidesArea div ul.mallProductList li:hover .iconArea a.theaterMark:hover,
.brandArea .movieArea .movieBanner .slidesArea div ul.movieList li:active .iconArea a.theaterMark:hover,
.brandArea .movieArea .movieBanner .slidesArea div ul.movieList li:hover .iconArea a.theaterMark:hover,
.brandArea .movieArea .movieBanner .slidesArea div ul.productList li:active .iconArea a.theaterMark:hover,
.brandArea .movieArea .movieBanner .slidesArea div ul.productList li:hover .iconArea a.theaterMark:hover,
.brandArea .movieArea .movieBanner .slidesArea div ul.productListBig li:active .iconArea a.theaterMark:hover,
.brandArea .movieArea .movieBanner .slidesArea div ul.productListBig li:hover .iconArea a.theaterMark:hover,
.foodbrandArea .movieArea .movieBanner .slidesArea div ul.eventList li:active .iconArea a.theaterMark:hover,
.foodbrandArea .movieArea .movieBanner .slidesArea div ul.eventList li:hover .iconArea a.theaterMark:hover,
.foodbrandArea .movieArea .movieBanner .slidesArea div ul.hotList li:active .iconArea a.theaterMark:hover,
.foodbrandArea .movieArea .movieBanner .slidesArea div ul.hotList li:hover .iconArea a.theaterMark:hover,
.foodbrandArea .movieArea .movieBanner .slidesArea div ul.liveList li:active .iconArea a.theaterMark:hover,
.foodbrandArea .movieArea .movieBanner .slidesArea div ul.liveList li:hover .iconArea a.theaterMark:hover,
.foodbrandArea .movieArea .movieBanner .slidesArea div ul.mallEventList li:active .iconArea a.theaterMark:hover,
.foodbrandArea .movieArea .movieBanner .slidesArea div ul.mallEventList li:hover .iconArea a.theaterMark:hover,
.foodbrandArea .movieArea .movieBanner .slidesArea div ul.mallList li:active .iconArea a.theaterMark:hover,
.foodbrandArea .movieArea .movieBanner .slidesArea div ul.mallList li:hover .iconArea a.theaterMark:hover,
.foodbrandArea .movieArea .movieBanner .slidesArea div ul.mallProductList li:active .iconArea a.theaterMark:hover,
.foodbrandArea .movieArea .movieBanner .slidesArea div ul.mallProductList li:hover .iconArea a.theaterMark:hover,
.foodbrandArea .movieArea .movieBanner .slidesArea div ul.movieList li:active .iconArea a.theaterMark:hover,
.foodbrandArea .movieArea .movieBanner .slidesArea div ul.movieList li:hover .iconArea a.theaterMark:hover,
.foodbrandArea .movieArea .movieBanner .slidesArea div ul.productList li:active .iconArea a.theaterMark:hover,
.foodbrandArea .movieArea .movieBanner .slidesArea div ul.productList li:hover .iconArea a.theaterMark:hover,
.foodbrandArea .movieArea .movieBanner .slidesArea div ul.productListBig li:active .iconArea a.theaterMark:hover,
.foodbrandArea .movieArea .movieBanner .slidesArea div ul.productListBig li:hover .iconArea a.theaterMark:hover,
ul.eventList li:active .brandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.eventList li:active .foodbrandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.eventList li:active .iconArea a.theaterMark:hover,
ul.eventList li:active .iconArea span.theaterMark a:hover,
ul.eventList li:hover .brandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.eventList li:hover .foodbrandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.eventList li:hover .iconArea a.theaterMark:hover,
ul.eventList li:hover .iconArea span.theaterMark a:hover,
ul.hotList li:active .brandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.hotList li:active .foodbrandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.hotList li:active .iconArea a.theaterMark:hover,
ul.hotList li:active .iconArea span.theaterMark a:hover,
ul.hotList li:hover .brandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.hotList li:hover .foodbrandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.hotList li:hover .iconArea a.theaterMark:hover,
ul.hotList li:hover .iconArea span.theaterMark a:hover,
ul.liveList li:active .brandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.liveList li:active .foodbrandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.liveList li:active .iconArea a.theaterMark:hover,
ul.liveList li:active .iconArea span.theaterMark a:hover,
ul.liveList li:hover .brandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.liveList li:hover .foodbrandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.liveList li:hover .iconArea a.theaterMark:hover,
ul.liveList li:hover .iconArea span.theaterMark a:hover,
ul.mallEventList li:active .brandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.mallEventList li:active .foodbrandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.mallEventList li:active .iconArea a.theaterMark:hover,
ul.mallEventList li:active .iconArea span.theaterMark a:hover,
ul.mallEventList li:hover .brandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.mallEventList li:hover .foodbrandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.mallEventList li:hover .iconArea a.theaterMark:hover,
ul.mallEventList li:hover .iconArea span.theaterMark a:hover,
ul.mallList li:active .brandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.mallList li:active .foodbrandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.mallList li:active .iconArea a.theaterMark:hover,
ul.mallList li:active .iconArea span.theaterMark a:hover,
ul.mallList li:hover .brandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.mallList li:hover .foodbrandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.mallList li:hover .iconArea a.theaterMark:hover,
ul.mallList li:hover .iconArea span.theaterMark a:hover,
ul.mallProductList li:active .brandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.mallProductList li:active .foodbrandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.mallProductList li:active .iconArea a.theaterMark:hover,
ul.mallProductList li:active .iconArea span.theaterMark a:hover,
ul.mallProductList li:hover .brandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.mallProductList li:hover .foodbrandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.mallProductList li:hover .iconArea a.theaterMark:hover,
ul.mallProductList li:hover .iconArea span.theaterMark a:hover,
ul.movieList li:active .brandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.movieList li:active .foodbrandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.movieList li:active .iconArea a.theaterMark:hover,
ul.movieList li:active .iconArea span.theaterMark a:hover,
ul.movieList li:hover .brandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.movieList li:hover .foodbrandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.movieList li:hover .iconArea a.theaterMark:hover,
ul.movieList li:hover .iconArea span.theaterMark a:hover,
ul.productList li:active .brandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.productList li:active .foodbrandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.productList li:active .iconArea a.theaterMark:hover,
ul.productList li:active .iconArea span.theaterMark a:hover,
ul.productList li:hover .brandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.productList li:hover .foodbrandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.productList li:hover .iconArea a.theaterMark:hover,
ul.productList li:hover .iconArea span.theaterMark a:hover,
ul.productListBig li:active .brandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.productListBig li:active .foodbrandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.productListBig li:active .iconArea a.theaterMark:hover,
ul.productListBig li:active .iconArea span.theaterMark a:hover,
ul.productListBig li:hover .brandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.productListBig li:hover .foodbrandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.productListBig li:hover .iconArea a.theaterMark:hover,
ul.productListBig li:hover .iconArea span.theaterMark a:hover {
    color: #fff;
    background-color: #2660a9
}

ul.eventList li figure,
ul.hotList li figure,
ul.liveList li figure,
ul.mallEventList li figure,
ul.mallList li figure,
ul.mallProductList li figure,
ul.movieList li figure,
ul.productList li figure,
ul.productListBig li figure {
    position: relative;
    margin: 20px 20px 15px;
    line-height: 0;
    overflow: hidden;
    padding: 1px 1px 2px;
    background-color: #eaeaea
}

ul.eventList li figure span,
ul.hotList li figure span,
ul.liveList li figure span,
ul.mallEventList li figure span,
ul.mallList li figure span,
ul.mallProductList li figure span,
ul.movieList li figure span,
ul.productList li figure span,
ul.productListBig li figure span {
    position: absolute;
    z-index: 10;
    top: auto;
    left: 10px;
    bottom: 10px
}

ul.eventList li figure span.type,
ul.hotList li figure span.type,
ul.liveList li figure span.type,
ul.mallEventList li figure span.type,
ul.mallList li figure span.type,
ul.mallProductList li figure span.type,
ul.movieList li figure span.type,
ul.productList li figure span.type,
ul.productListBig li figure span.type {
    top: -65px;
    left: -65px;
    bottom: auto;
    width: 120px;
    height: 120px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

ul.eventList li figure span.type mark,
ul.hotList li figure span.type mark,
ul.liveList li figure span.type mark,
ul.mallEventList li figure span.type mark,
ul.mallList li figure span.type mark,
ul.mallProductList li figure span.type mark,
ul.movieList li figure span.type mark,
ul.productList li figure span.type mark,
ul.productListBig li figure span.type mark {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 12px;
    display: block;
    background: 0 0;
    font-size: 14px;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
}

ul.eventList li figure span.needCheck,
ul.eventList li figure span.adult,
ul.eventList li figure span.bigchild,
ul.eventList li figure span.childview,
ul.eventList li figure span.general,
ul.eventList li figure span.hot,
ul.eventList li figure span.pg,
ul.eventList li figure span.teenager,
ul.hotList li figure span.needCheck,
ul.hotList li figure span.adult,
ul.hotList li figure span.bigchild,
ul.hotList li figure span.childview,
ul.hotList li figure span.general,
ul.hotList li figure span.hot,
ul.hotList li figure span.pg,
ul.hotList li figure span.teenager,
ul.liveList li figure span.needCheck,
ul.liveList li figure span.adult,
ul.liveList li figure span.bigchild,
ul.liveList li figure span.childview,
ul.liveList li figure span.general,
ul.liveList li figure span.hot,
ul.liveList li figure span.pg,
ul.liveList li figure span.teenager,
ul.mallEventList li figure span.needCheck,
ul.mallEventList li figure span.adult,
ul.mallEventList li figure span.bigchild,
ul.mallEventList li figure span.childview,
ul.mallEventList li figure span.general,
ul.mallEventList li figure span.hot,
ul.mallEventList li figure span.pg,
ul.mallEventList li figure span.teenager,
ul.mallList li figure span.needCheck,
ul.mallList li figure span.adult,
ul.mallList li figure span.bigchild,
ul.mallList li figure span.childview,
ul.mallList li figure span.general,
ul.mallList li figure span.hot,
ul.mallList li figure span.pg,
ul.mallList li figure span.teenager,
ul.mallProductList li figure span.needCheck,
ul.mallProductList li figure span.adult,
ul.mallProductList li figure span.bigchild,
ul.mallProductList li figure span.childview,
ul.mallProductList li figure span.general,
ul.mallProductList li figure span.hot,
ul.mallProductList li figure span.pg,
ul.mallProductList li figure span.teenager,
ul.movieList li figure span.needCheck,
ul.movieList li figure span.adult,
ul.movieList li figure span.bigchild,
ul.movieList li figure span.childview,
ul.movieList li figure span.general,
ul.movieList li figure span.hot,
ul.movieList li figure span.pg,
ul.movieList li figure span.teenager,
ul.productList li figure span.needCheck,
ul.productList li figure span.adult,
ul.productList li figure span.bigchild,
ul.productList li figure span.childview,
ul.productList li figure span.general,
ul.productList li figure span.hot,
ul.productList li figure span.pg,
ul.productList li figure span.teenager,
ul.productListBig li figure span.needCheck,
ul.productListBig li figure span.adult,
ul.productListBig li figure span.bigchild,
ul.productListBig li figure span.childview,
ul.productListBig li figure span.general,
ul.productListBig li figure span.hot,
ul.productListBig li figure span.pg,
ul.productListBig li figure span.teenager {
    left: -4px;
    bottom: 6px;
    font-size: 14px;
    padding: 6px 3px 10px;
    margin-left: 10px
}

ul.eventList li figure span.needCheck mark:before,
ul.eventList li figure span.adult mark:before,
ul.eventList li figure span.bigchild mark:before,
ul.eventList li figure span.childview mark:before,
ul.eventList li figure span.general mark:before,
ul.eventList li figure span.hot mark:before,
ul.eventList li figure span.pg mark:before,
ul.eventList li figure span.teenager mark:before,
ul.hotList li figure span.needCheck mark:before,
ul.hotList li figure span.adult mark:before,
ul.hotList li figure span.bigchild mark:before,
ul.hotList li figure span.childview mark:before,
ul.hotList li figure span.general mark:before,
ul.hotList li figure span.hot mark:before,
ul.hotList li figure span.pg mark:before,
ul.hotList li figure span.teenager mark:before,
ul.liveList li figure span.needCheck mark:before,
ul.liveList li figure span.adult mark:before,
ul.liveList li figure span.bigchild mark:before,
ul.liveList li figure span.childview mark:before,
ul.liveList li figure span.general mark:before,
ul.liveList li figure span.hot mark:before,
ul.liveList li figure span.pg mark:before,
ul.liveList li figure span.teenager mark:before,
ul.mallEventList li figure span.needCheck mark:before,
ul.mallEventList li figure span.adult mark:before,
ul.mallEventList li figure span.bigchild mark:before,
ul.mallEventList li figure span.childview mark:before,
ul.mallEventList li figure span.general mark:before,
ul.mallEventList li figure span.hot mark:before,
ul.mallEventList li figure span.pg mark:before,
ul.mallEventList li figure span.teenager mark:before,
ul.mallList li figure span.needCheck mark:before,
ul.mallList li figure span.adult mark:before,
ul.mallList li figure span.bigchild mark:before,
ul.mallList li figure span.childview mark:before,
ul.mallList li figure span.general mark:before,
ul.mallList li figure span.hot mark:before,
ul.mallList li figure span.pg mark:before,
ul.mallList li figure span.teenager mark:before,
ul.mallProductList li figure span.needCheck mark:before,
ul.mallProductList li figure span.adult mark:before,
ul.mallProductList li figure span.bigchild mark:before,
ul.mallProductList li figure span.childview mark:before,
ul.mallProductList li figure span.general mark:before,
ul.mallProductList li figure span.hot mark:before,
ul.mallProductList li figure span.pg mark:before,
ul.mallProductList li figure span.teenager mark:before,
ul.movieList li figure span.needCheck mark:before,
ul.movieList li figure span.adult mark:before,
ul.movieList li figure span.bigchild mark:before,
ul.movieList li figure span.childview mark:before,
ul.movieList li figure span.general mark:before,
ul.movieList li figure span.hot mark:before,
ul.movieList li figure span.pg mark:before,
ul.movieList li figure span.teenager mark:before,
ul.productList li figure span.needCheck mark:before,
ul.productList li figure span.adult mark:before,
ul.productList li figure span.bigchild mark:before,
ul.productList li figure span.childview mark:before,
ul.productList li figure span.general mark:before,
ul.productList li figure span.hot mark:before,
ul.productList li figure span.pg mark:before,
ul.productList li figure span.teenager mark:before,
ul.productListBig li figure span.needCheck mark:before,
ul.productListBig li figure span.adult mark:before,
ul.productListBig li figure span.bigchild mark:before,
ul.productListBig li figure span.childview mark:before,
ul.productListBig li figure span.general mark:before,
ul.productListBig li figure span.hot mark:before,
ul.productListBig li figure span.pg mark:before,
ul.productListBig li figure span.teenager mark:before {
    margin-left: 0
}

ul.eventList li figure a,
ul.hotList li figure a,
ul.liveList li figure a,
ul.mallEventList li figure a,
ul.mallList li figure a,
ul.mallProductList li figure a,
ul.movieList li figure a,
ul.productList li figure a,
ul.productListBig li figure a {
    display: block;
    width: 100%;
    line-height: 0;
    text-align: center;
    background-color: #EAEAEA
}

ul.eventList li figure a img,
ul.hotList li figure a img,
ul.liveList li figure a img,
ul.mallEventList li figure a img,
ul.mallList li figure a img,
ul.mallProductList li figure a img,
ul.movieList li figure a img,
ul.productList li figure a img,
ul.productListBig li figure a img {
    width: 100%
}

ul.eventList li figure section.movieBTN,
ul.hotList li figure section.movieBTN,
ul.liveList li figure section.movieBTN,
ul.mallEventList li figure section.movieBTN,
ul.mallList li figure section.movieBTN,
ul.mallProductList li figure section.movieBTN,
ul.movieList li figure section.movieBTN,
ul.productList li figure section.movieBTN,
ul.productListBig li figure section.movieBTN {
    position: absolute;
    z-index: 11;
    left: 0;
    right: 0;
    top: 100%;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .7)
}

ul.eventList li figure section.movieBTN ul,
ul.hotList li figure section.movieBTN ul,
ul.liveList li figure section.movieBTN ul,
ul.mallEventList li figure section.movieBTN ul,
ul.mallList li figure section.movieBTN ul,
ul.mallProductList li figure section.movieBTN ul,
ul.movieList li figure section.movieBTN ul,
ul.productList li figure section.movieBTN ul,
ul.productListBig li figure section.movieBTN ul {
    vertical-align: middle;
    text-align: center;
    margin-top: 45%
}

ul.eventList li figure section.movieBTN ul li,
ul.hotList li figure section.movieBTN ul li,
ul.liveList li figure section.movieBTN ul li,
ul.mallEventList li figure section.movieBTN ul li,
ul.mallList li figure section.movieBTN ul li,
ul.mallProductList li figure section.movieBTN ul li,
ul.movieList li figure section.movieBTN ul li,
ul.productList li figure section.movieBTN ul li,
ul.productListBig li figure section.movieBTN ul li {
    display: block;
    vertical-align: middle;
    text-align: center;
    margin: 20px 0;
    width: auto
}

ul.eventList li figure section.movieBTN ul li:hover,
ul.hotList li figure section.movieBTN ul li:hover,
ul.liveList li figure section.movieBTN ul li:hover,
ul.mallEventList li figure section.movieBTN ul li:hover,
ul.mallList li figure section.movieBTN ul li:hover,
ul.mallProductList li figure section.movieBTN ul li:hover,
ul.movieList li figure section.movieBTN ul li:hover,
ul.productList li figure section.movieBTN ul li:hover,
ul.productListBig li figure section.movieBTN ul li:hover {
    background: 0 0
}

ul.eventList li figure section.movieBTN ul li a,
ul.hotList li figure section.movieBTN ul li a,
ul.liveList li figure section.movieBTN ul li a,
ul.mallEventList li figure section.movieBTN ul li a,
ul.mallList li figure section.movieBTN ul li a,
ul.mallProductList li figure section.movieBTN ul li a,
ul.movieList li figure section.movieBTN ul li a,
ul.productList li figure section.movieBTN ul li a,
ul.productListBig li figure section.movieBTN ul li a {
    display: inline-block;
    padding: 10px 20px;
    line-height: 1.4em;
    background-color: #2660a9;
    color: #FFF
}

ul.eventList li figure section.movieBTN ul li a:visited,
ul.hotList li figure section.movieBTN ul li a:visited,
ul.liveList li figure section.movieBTN ul li a:visited,
ul.mallEventList li figure section.movieBTN ul li a:visited,
ul.mallList li figure section.movieBTN ul li a:visited,
ul.mallProductList li figure section.movieBTN ul li a:visited,
ul.movieList li figure section.movieBTN ul li a:visited,
ul.productList li figure section.movieBTN ul li a:visited,
ul.productListBig li figure section.movieBTN ul li a:visited {
    color: #FFF
}

ul.eventList li figure section.movieBTN ul li a:hover,
ul.hotList li figure section.movieBTN ul li a:hover,
ul.liveList li figure section.movieBTN ul li a:hover,
ul.mallEventList li figure section.movieBTN ul li a:hover,
ul.mallList li figure section.movieBTN ul li a:hover,
ul.mallProductList li figure section.movieBTN ul li a:hover,
ul.movieList li figure section.movieBTN ul li a:hover,
ul.productList li figure section.movieBTN ul li a:hover,
ul.productListBig li figure section.movieBTN ul li a:hover {
    background-color: #FFF;
    color: #333
}

ul.eventList li .infoArea,
ul.hotList li .infoArea,
ul.liveList li .infoArea,
ul.mallEventList li .infoArea,
ul.mallList li .infoArea,
ul.mallProductList li .infoArea,
ul.movieList li .infoArea,
ul.productList li .infoArea,
ul.productListBig li .infoArea {
    margin: 0 20px 20px
}

ul.eventList li .infoArea h2,
ul.hotList li .infoArea h2,
ul.liveList li .infoArea h2,
ul.mallEventList li .infoArea h2,
ul.mallList li .infoArea h2,
ul.mallProductList li .infoArea h2,
ul.movieList li .infoArea h2,
ul.productList li .infoArea h2,
ul.productListBig li .infoArea h2 {
    font-size: 18px;
    line-height: 1.3em;
    margin-bottom: 10px;
    font-weight: 400
}

ul.eventList li .infoArea h3,
ul.hotList li .infoArea h3,
ul.liveList li .infoArea h3,
ul.mallEventList li .infoArea h3,
ul.mallList li .infoArea h3,
ul.mallProductList li .infoArea h3,
ul.movieList li .infoArea h3,
ul.productList li .infoArea h3,
ul.productListBig li .infoArea h3 {
    font-size: 14px;
    color: #2f96ee;
    font-weight: 400;
    font-family: Arial;
    line-height: 1.2em;
    margin-bottom: 10px
}

ul.eventList li .infoArea time,
ul.hotList li .infoArea time,
ul.liveList li .infoArea time,
ul.mallEventList li .infoArea time,
ul.mallList li .infoArea time,
ul.mallProductList li .infoArea time,
ul.movieList li .infoArea time,
ul.productList li .infoArea time,
ul.productListBig li .infoArea time {
    color: #999;
    font-size: 14px
}

ul.eventList li .insideBTN,
ul.hotList li .insideBTN,
ul.liveList li .insideBTN,
ul.mallEventList li .insideBTN,
ul.mallList li .insideBTN,
ul.mallProductList li .insideBTN,
ul.movieList li .insideBTN,
ul.productList li .insideBTN,
ul.productListBig li .insideBTN {
    display: none
}

ul.liveList li figure .movieBTN ul li {
    display: inline-block;
    min-height: 10px;
    margin: 0
}

.exchangeGroup ul.mallProductList p,
.exchangeGroup ul.productList p,
ul.mallProductList p,
ul.productList p {
    margin-top: 5px
}

ul.liveList li figure .movieBTN ul li a {
    width: auto
}

ul.liveList li .iconArea {
    min-height: 10px
}

ul.mallProductList li,
ul.productList li {
    width: 25%;
    margin-bottom: 20px;
    min-height: 50px
}

ul.mallProductList li:hover,
ul.productList li:hover {
    background: #FFF
}

ul.mallProductList li figure,
ul.productList li figure {
    line-height: 0;
    padding: 0;
    border: 1px solid #eaeaea
}

ul.mallProductList li figure img,
ul.productList li figure img {
    max-width: 100%
}

ul.mallProductList li .infoArea h3,
ul.productList li .infoArea h3 {
    font-weight: 700
}

.exchangeGroup ul.mallProductList li,
.exchangeGroup ul.productList li {
    position: relative;
    width: auto;
    display: block;
    padding-bottom: 20px;
    margin-bottom: 30px;
    min-height: 120px;
    border-bottom: 1px dashed #fff
}

.exchangeGroup ul.mallProductList li figure,
.exchangeGroup ul.productList li figure {
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 120px;
    height: 120px;
    border: none
}

.exchangeGroup ul.mallProductList li .infoArea,
.exchangeGroup ul.productList li .infoArea {
    margin: 20px 20px 20px 140px
}

.exchangeGroup ul.mallProductList li .infoArea h3,
.exchangeGroup ul.productList li .infoArea h3 {
    font-weight: 400
}

ul.productList li .infoArea h4 span,
ul.mallProductList li .infoArea h4 span {
    font-size: 14px;
    color: #666;
    text-decoration: line-through;
}

ul.productList li .infoArea h4 span+mark,
ul.mallProductList li .infoArea h4 span+mark {
    margin-left: 5px;
}

ul.productList li .infoArea h4 mark,
ul.mallProductList li .infoArea h4 mark {
    font-size: 18px;
    background: none;
    color: #F20101;
}

.exchangeGroup ul.mallProductList li .infoArea time,
.exchangeGroup ul.productList li .infoArea time {
    display: block
}

ul.productListBig p {
    margin-top: 5px
}

ul.productListBig li {
    position: relative;
    width: auto;
    margin-bottom: 20px
}

ul.productListBig li figure {
    position: absolute;
    top: 0;
    left: 0;
    width: 20%
}

ul.productListBig li .infoArea {
    margin: 20px 20px 20px 25%
}

ul.mallProductList {
    margin-left: -20px
}

ul.mallProductList li {
    width: 33%
}

.article ul.groupPartner p,
.article ul.groupTicket p,
.articleBrand ul.groupPartner p,
.articleBrand ul.groupTicket p,
.articleContent ul.groupPartner p,
.articleContent ul.groupTicket p,
.articleList ul.groupPartner p,
.articleList ul.groupTicket p,
.articleProduct ul.groupPartner p,
.articleProduct ul.groupTicket p {
    margin-top: 5px
}

.article ul.groupPartner li,
.article ul.groupTicket li,
.articleBrand ul.groupPartner li,
.articleBrand ul.groupTicket li,
.articleContent ul.groupPartner li,
.articleContent ul.groupTicket li,
.articleList ul.groupPartner li,
.articleList ul.groupTicket li,
.articleProduct ul.groupPartner li,
.articleProduct ul.groupTicket li {
    display: inline-block;
    position: relative;
    width: 100%;
    border-bottom: 1px dashed #ccc;
    padding: 40px 0
}

.article ul.groupPartner li figure,
.article ul.groupTicket li figure,
.articleBrand ul.groupPartner li figure,
.articleBrand ul.groupTicket li figure,
.articleContent ul.groupPartner li figure,
.articleContent ul.groupTicket li figure,
.articleList ul.groupPartner li figure,
.articleList ul.groupTicket li figure,
.articleProduct ul.groupPartner li figure,
.articleProduct ul.groupTicket li figure {
    position: relative;
    top: 0;
    width: 285px;
    height: 170px;
    float: left;
    overflow: hidden
}

.article ul.groupPartner li figure img,
.article ul.groupTicket li figure img,
.articleBrand ul.groupPartner li figure img,
.articleBrand ul.groupTicket li figure img,
.articleContent ul.groupPartner li figure img,
.articleContent ul.groupTicket li figure img,
.articleList ul.groupPartner li figure img,
.articleList ul.groupTicket li figure img,
.articleProduct ul.groupPartner li figure img,
.articleProduct ul.groupTicket li figure img {
    width: 100%
}

.article ul.groupPartner li.open,
.article ul.groupTicket li.open,
.articleBrand ul.groupPartner li.open,
.articleBrand ul.groupTicket li.open,
.articleContent ul.groupPartner li.open,
.articleContent ul.groupTicket li.open,
.articleList ul.groupPartner li.open,
.articleList ul.groupTicket li.open,
.articleProduct ul.groupPartner li.open,
.articleProduct ul.groupTicket li.open {
    display: block
}

.article ul.groupPartner li.open:hover,
.article ul.groupTicket li.open:hover,
.articleBrand ul.groupPartner li.open:hover,
.articleBrand ul.groupTicket li.open:hover,
.articleContent ul.groupPartner li.open:hover,
.articleContent ul.groupTicket li.open:hover,
.articleList ul.groupPartner li.open:hover,
.articleList ul.groupTicket li.open:hover,
.articleProduct ul.groupPartner li.open:hover,
.articleProduct ul.groupTicket li.open:hover {
    cursor: default
}

.article ul.groupPartner li.open .infoArea h1,
.article ul.groupTicket li.open .infoArea h1,
.articleBrand ul.groupPartner li.open .infoArea h1,
.articleBrand ul.groupTicket li.open .infoArea h1,
.articleContent ul.groupPartner li.open .infoArea h1,
.articleContent ul.groupTicket li.open .infoArea h1,
.articleList ul.groupPartner li.open .infoArea h1,
.articleList ul.groupTicket li.open .infoArea h1,
.articleProduct ul.groupPartner li.open .infoArea h1,
.articleProduct ul.groupTicket li.open .infoArea h1 {
    cursor: pointer
}

.article ul.groupPartner li .infoArea,
.article ul.groupTicket li .infoArea,
.articleBrand ul.groupPartner li .infoArea,
.articleBrand ul.groupTicket li .infoArea,
.articleContent ul.groupPartner li .infoArea,
.articleContent ul.groupTicket li .infoArea,
.articleList ul.groupPartner li .infoArea,
.articleList ul.groupTicket li .infoArea,
.articleProduct ul.groupPartner li .infoArea,
.articleProduct ul.groupTicket li .infoArea {
    margin: 0 20px 0 310px;
    min-height: 120px
}

.article ul.groupPartner li .infoArea h1,
.article ul.groupTicket li .infoArea h1,
.articleBrand ul.groupPartner li .infoArea h1,
.articleBrand ul.groupTicket li .infoArea h1,
.articleContent ul.groupPartner li .infoArea h1,
.articleContent ul.groupTicket li .infoArea h1,
.articleList ul.groupPartner li .infoArea h1,
.articleList ul.groupTicket li .infoArea h1,
.articleProduct ul.groupPartner li .infoArea h1,
.articleProduct ul.groupTicket li .infoArea h1 {
    margin: 0;
    font-size: 1.8em
}

.article ul.groupPartner li .infoArea h2,
.article ul.groupTicket li .infoArea h2,
.articleBrand ul.groupPartner li .infoArea h2,
.articleBrand ul.groupTicket li .infoArea h2,
.articleContent ul.groupPartner li .infoArea h2,
.articleContent ul.groupTicket li .infoArea h2,
.articleList ul.groupPartner li .infoArea h2,
.articleList ul.groupTicket li .infoArea h2,
.articleProduct ul.groupPartner li .infoArea h2,
.articleProduct ul.groupTicket li .infoArea h2 {
    font-size: 1.2em;
    line-height: 1.4em;
    margin: 10px 0 0
}

.article ul.groupPartner li .infoArea h3,
.article ul.groupTicket li .infoArea h3,
.articleBrand ul.groupPartner li .infoArea h3,
.articleBrand ul.groupTicket li .infoArea h3,
.articleContent ul.groupPartner li .infoArea h3,
.articleContent ul.groupTicket li .infoArea h3,
.articleList ul.groupPartner li .infoArea h3,
.articleList ul.groupTicket li .infoArea h3,
.articleProduct ul.groupPartner li .infoArea h3,
.articleProduct ul.groupTicket li .infoArea h3 {
    margin: 5px 0 10px
}

.article ul.groupPartner li .infoArea ul,
.article ul.groupTicket li .infoArea ul,
.articleBrand ul.groupPartner li .infoArea ul,
.articleBrand ul.groupTicket li .infoArea ul,
.articleContent ul.groupPartner li .infoArea ul,
.articleContent ul.groupTicket li .infoArea ul,
.articleList ul.groupPartner li .infoArea ul,
.articleList ul.groupTicket li .infoArea ul,
.articleProduct ul.groupPartner li .infoArea ul,
.articleProduct ul.groupTicket li .infoArea ul {
    margin: 0;
    padding: 0
}

.article ul.groupPartner li .infoArea ul li,
.article ul.groupTicket li .infoArea ul li,
.articleBrand ul.groupPartner li .infoArea ul li,
.articleBrand ul.groupTicket li .infoArea ul li,
.articleContent ul.groupPartner li .infoArea ul li,
.articleContent ul.groupTicket li .infoArea ul li,
.articleList ul.groupPartner li .infoArea ul li,
.articleList ul.groupTicket li .infoArea ul li,
.articleProduct ul.groupPartner li .infoArea ul li,
.articleProduct ul.groupTicket li .infoArea ul li {
    position: relative;
    width: auto;
    display: block;
    min-height: 10px;
    border: 0;
    cursor: default;
    margin: 0 0 10px 20px;
    padding: 0
}

.article ul.groupPartner li .infoArea ul li:before,
.article ul.groupTicket li .infoArea ul li:before,
.articleBrand ul.groupPartner li .infoArea ul li:before,
.articleBrand ul.groupTicket li .infoArea ul li:before,
.articleContent ul.groupPartner li .infoArea ul li:before,
.articleContent ul.groupTicket li .infoArea ul li:before,
.articleList ul.groupPartner li .infoArea ul li:before,
.articleList ul.groupTicket li .infoArea ul li:before,
.articleProduct ul.groupPartner li .infoArea ul li:before,
.articleProduct ul.groupTicket li .infoArea ul li:before {
    position: absolute;
    left: -22px;
    font-family: vscinemas;
    content: "e";
    color: #999
}

.article ul.groupPartner li .infoArea ul li a,
.article ul.groupTicket li .infoArea ul li a,
.articleBrand ul.groupPartner li .infoArea ul li a,
.articleBrand ul.groupTicket li .infoArea ul li a,
.articleContent ul.groupPartner li .infoArea ul li a,
.articleContent ul.groupTicket li .infoArea ul li a,
.articleList ul.groupPartner li .infoArea ul li a,
.articleList ul.groupTicket li .infoArea ul li a,
.articleProduct ul.groupPartner li .infoArea ul li a,
.articleProduct ul.groupTicket li .infoArea ul li a {
    color: #e14000;
    text-decoration: none
}

.article ul.groupPartner li .infoArea ul li a:visited,
.article ul.groupTicket li .infoArea ul li a:visited,
.articleBrand ul.groupPartner li .infoArea ul li a:visited,
.articleBrand ul.groupTicket li .infoArea ul li a:visited,
.articleContent ul.groupPartner li .infoArea ul li a:visited,
.articleContent ul.groupTicket li .infoArea ul li a:visited,
.articleList ul.groupPartner li .infoArea ul li a:visited,
.articleList ul.groupTicket li .infoArea ul li a:visited,
.articleProduct ul.groupPartner li .infoArea ul li a:visited,
.articleProduct ul.groupTicket li .infoArea ul li a:visited {
    color: #e14000
}

.article ul.groupPartner li .infoArea ul li a:hover,
.article ul.groupTicket li .infoArea ul li a:hover,
.articleBrand ul.groupPartner li .infoArea ul li a:hover,
.articleBrand ul.groupTicket li .infoArea ul li a:hover,
.articleContent ul.groupPartner li .infoArea ul li a:hover,
.articleContent ul.groupTicket li .infoArea ul li a:hover,
.articleList ul.groupPartner li .infoArea ul li a:hover,
.articleList ul.groupTicket li .infoArea ul li a:hover,
.articleProduct ul.groupPartner li .infoArea ul li a:hover,
.articleProduct ul.groupTicket li .infoArea ul li a:hover {
    color: #2f96ee
}

.article ul.groupPartner li .infoArea ol,
.article ul.groupTicket li .infoArea ol,
.articleBrand ul.groupPartner li .infoArea ol,
.articleBrand ul.groupTicket li .infoArea ol,
.articleContent ul.groupPartner li .infoArea ol,
.articleContent ul.groupTicket li .infoArea ol,
.articleList ul.groupPartner li .infoArea ol,
.articleList ul.groupTicket li .infoArea ol,
.articleProduct ul.groupPartner li .infoArea ol,
.articleProduct ul.groupTicket li .infoArea ol {
    margin: 0;
    padding: 0;
    list-style-position: outside;
    list-style-type: decimal
}

.article ul.groupPartner li .infoArea ol li,
.article ul.groupTicket li .infoArea ol li,
.articleBrand ul.groupPartner li .infoArea ol li,
.articleBrand ul.groupTicket li .infoArea ol li,
.articleContent ul.groupPartner li .infoArea ol li,
.articleContent ul.groupTicket li .infoArea ol li,
.articleList ul.groupPartner li .infoArea ol li,
.articleList ul.groupTicket li .infoArea ol li,
.articleProduct ul.groupPartner li .infoArea ol li,
.articleProduct ul.groupTicket li .infoArea ol li {
    position: relative;
    width: auto;
    min-height: 10px;
    border: 0;
    cursor: default;
    margin: 0 0 10px 20px;
    padding: 0;
    color: #333;
    display: list-item;
    list-style-position: outside;
    list-style-type: decimal
}

.article ul.groupPartner li .infoArea ol li a,
.article ul.groupTicket li .infoArea ol li a,
.articleBrand ul.groupPartner li .infoArea ol li a,
.articleBrand ul.groupTicket li .infoArea ol li a,
.articleContent ul.groupPartner li .infoArea ol li a,
.articleContent ul.groupTicket li .infoArea ol li a,
.articleList ul.groupPartner li .infoArea ol li a,
.articleList ul.groupTicket li .infoArea ol li a,
.articleProduct ul.groupPartner li .infoArea ol li a,
.articleProduct ul.groupTicket li .infoArea ol li a {
    color: #e14000;
    text-decoration: none
}

.article ul.groupPartner li .infoArea ol li a:visited,
.article ul.groupTicket li .infoArea ol li a:visited,
.articleBrand ul.groupPartner li .infoArea ol li a:visited,
.articleBrand ul.groupTicket li .infoArea ol li a:visited,
.articleContent ul.groupPartner li .infoArea ol li a:visited,
.articleContent ul.groupTicket li .infoArea ol li a:visited,
.articleList ul.groupPartner li .infoArea ol li a:visited,
.articleList ul.groupTicket li .infoArea ol li a:visited,
.articleProduct ul.groupPartner li .infoArea ol li a:visited,
.articleProduct ul.groupTicket li .infoArea ol li a:visited {
    color: #e14000
}

.article ul.groupPartner li .infoArea ol li a:hover,
.article ul.groupTicket li .infoArea ol li a:hover,
.articleBrand ul.groupPartner li .infoArea ol li a:hover,
.articleBrand ul.groupTicket li .infoArea ol li a:hover,
.articleContent ul.groupPartner li .infoArea ol li a:hover,
.articleContent ul.groupTicket li .infoArea ol li a:hover,
.articleList ul.groupPartner li .infoArea ol li a:hover,
.articleList ul.groupTicket li .infoArea ol li a:hover,
.articleProduct ul.groupPartner li .infoArea ol li a:hover,
.articleProduct ul.groupTicket li .infoArea ol li a:hover {
    color: #2f96ee
}

.article ul.groupPartner li .infoArea ol li ul li,
.article ul.groupTicket li .infoArea ol li ul li,
.articleBrand ul.groupPartner li .infoArea ol li ul li,
.articleBrand ul.groupTicket li .infoArea ol li ul li,
.articleContent ul.groupPartner li .infoArea ol li ul li,
.articleContent ul.groupTicket li .infoArea ol li ul li,
.articleList ul.groupPartner li .infoArea ol li ul li,
.articleList ul.groupTicket li .infoArea ol li ul li,
.articleProduct ul.groupPartner li .infoArea ol li ul li,
.articleProduct ul.groupTicket li .infoArea ol li ul li {
    list-style-type: disc
}

ul.groupPartner {
    margin-top: -40px
}

.article ul.groupPartner .publicPhoto figcaption,
.articleBrand ul.groupPartner .publicPhoto figcaption,
.articleContent ul.groupPartner .publicPhoto figcaption,
.articleList ul.groupPartner .publicPhoto figcaption,
.articleProduct ul.groupPartner .publicPhoto figcaption,
ul.groupPartner .detail {
    display: none
}

.article ul.groupPartner li,
.articleBrand ul.groupPartner li,
.articleContent ul.groupPartner li,
.articleList ul.groupPartner li,
.articleProduct ul.groupPartner li {
    border-top: 1px dashed #ccc;
    border-bottom: 0;
    margin: 0
}

.article ul.groupPartner li:first-child,
.articleBrand ul.groupPartner li:first-child,
.articleContent ul.groupPartner li:first-child,
.articleList ul.groupPartner li:first-child,
.articleProduct ul.groupPartner li:first-child {
    border-top: 0
}

.article ul.groupPartner li .infoArea,
.articleBrand ul.groupPartner li .infoArea,
.articleContent ul.groupPartner li .infoArea,
.articleList ul.groupPartner li .infoArea,
.articleProduct ul.groupPartner li .infoArea {
    padding-top: 35px
}

.article ul.groupPartner li .infoArea figure,
.articleBrand ul.groupPartner li .infoArea figure,
.articleContent ul.groupPartner li .infoArea figure,
.articleList ul.groupPartner li .infoArea figure,
.articleProduct ul.groupPartner li .infoArea figure {
    float: none;
    width: auto;
    height: auto;
    text-align: center
}

.article ul.groupPartner li .infoArea figure img,
.articleBrand ul.groupPartner li .infoArea figure img,
.articleContent ul.groupPartner li .infoArea figure img,
.articleList ul.groupPartner li .infoArea figure img,
.articleProduct ul.groupPartner li .infoArea figure img {
    width: auto;
    margin: 0 auto
}

.article ul.groupPartner li .infoArea h1,
.articleBrand ul.groupPartner li .infoArea h1,
.articleContent ul.groupPartner li .infoArea h1,
.articleList ul.groupPartner li .infoArea h1,
.articleProduct ul.groupPartner li .infoArea h1 {
    position: relative;
    padding-right: 25px;
    display: inline-block
}

.exchangeGroup ul,
.salesPopup {
    display: none
}

.article ul.groupPartner li .infoArea h1:before,
.articleBrand ul.groupPartner li .infoArea h1:before,
.articleContent ul.groupPartner li .infoArea h1:before,
.articleList ul.groupPartner li .infoArea h1:before,
.articleProduct ul.groupPartner li .infoArea h1:before {
    position: absolute;
    font-size: .8em;
    line-height: 1.6em;
    right: 0;
    font-family: vscinemas;
    content: "e"
}

.article ul.groupPartner li .infoArea h1:hover,
.articleBrand ul.groupPartner li .infoArea h1:hover,
.articleContent ul.groupPartner li .infoArea h1:hover,
.articleList ul.groupPartner li .infoArea h1:hover,
.articleProduct ul.groupPartner li .infoArea h1:hover {
    cursor: pointer
}

.article ul.groupPartner li .infoArea .bbsArticle,
.articleBrand ul.groupPartner li .infoArea .bbsArticle,
.articleContent ul.groupPartner li .infoArea .bbsArticle,
.articleList ul.groupPartner li .infoArea .bbsArticle,
.articleProduct ul.groupPartner li .infoArea .bbsArticle {
    padding-top: 10px
}

.article ul.groupPartner li .infoArea .bbsArticle ol li ul li:before,
.articleBrand ul.groupPartner li .infoArea .bbsArticle ol li ul li:before,
.articleContent ul.groupPartner li .infoArea .bbsArticle ol li ul li:before,
.articleList ul.groupPartner li .infoArea .bbsArticle ol li ul li:before,
.articleProduct ul.groupPartner li .infoArea .bbsArticle ol li ul li:before {
    content: ''
}

.article ul.groupPartner li.open .infoArea h1:before,
.articleBrand ul.groupPartner li.open .infoArea h1:before,
.articleContent ul.groupPartner li.open .infoArea h1:before,
.articleList ul.groupPartner li.open .infoArea h1:before,
.articleProduct ul.groupPartner li.open .infoArea h1:before {
    content: "K"
}

.salesPopup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    background-color: rgba(0, 0, 0, .7)
}

.salesPopup .bbsArticle {
    position: absolute;
    width: 60%;
    height: 560px;
    overflow: auto;
    top: 50%;
    margin-top: -280px;
    left: 20%;
    padding: 0 40px;
    background-color: #FFF;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.salesPopup .bbsArticle table {
    margin: 0 0 40px
}

.salesPopup .bbsArticle table tr td {
    padding: 3px 10px
}

.salesPopup .bbsArticle table tr td a.btnGO {
    padding: 5px 10px
}

.salesPopup .bbsArticle h1 {
    position: relative
}

.salesPopup .bbsArticle h1 .icon-delete {
    position: absolute;
    top: 0;
    right: -20px;
    font-size: 1em;
    color: #2f96ee;
    opacity: .7
}

.salesPopup .bbsArticle h1 .icon-delete:hover {
    opacity: 1
}

.bbsArticle .articleContent a.note {
    color: #2f96ee;
    text-decoration: none
}

.bbsArticle .articleContent a.note:visited {
    color: #2f96ee
}

.bbsArticle .articleContent a.note:hover {
    color: #e14000
}

.exchangeGroup ul:first-child {
    display: block
}

.articleIshow .exchangeGroup ul li:hover,
.exchangeGroup ul li figure,
.exchangeGroup ul li figure a {
    background: 0 0
}

.exchangeGroup ul li .infoArea h3 {
    font-weight: 400;
    margin-bottom: 0;
    line-height: 1.6em
}

.exchangeGroup ul li .infoArea time {
    line-height: 1.6em
}

.exchangeGroup ul li .infoArea p {
    font-size: 14px;
    margin-top: 0;
    line-height: 1.6em
}

.theaterContent div {
    display: none
}

.theaterContent div:first-child {
    display: block
}

.themeGroup {
    width: 90%;
    margin: 0 auto 60px
}

.themeGroup a {
    position: relative;
    display: block;
    overflow: hidden
}

.themeGroup a figure {
    line-height: 0;
    overflow: hidden;
    max-height: 438px
}

.themeGroup a figure img {
    position: relative;
    z-index: 10;
    width: 100%
}

.themeGroup a figure h2 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .7);
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.themeGroup a figure h2 span {
    position: absolute;
    top: 50%;
    width: 55%;
    text-align: center;
    line-height: 50px;
    height: 50px;
    margin-top: -25px;
    font-size: 2em;
    color: #FFF
}

.themeGroup a figure p.more {
    position: absolute;
    z-index: 20;
    padding: 0;
    right: -100px;
    bottom: -140px;
    width: 200px;
    height: 200px;
    background: #f50000;
    -webkit-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    transform: rotate(-30deg)
}

.themeGroup a figure p.more mark {
    margin-top: 25%;
    margin-left: 28%;
    display: block;
    color: #FFF;
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(30deg)
}

.themeGroup a figure ul.sProductList {
    position: absolute;
    z-index: 12;
    top: 20px;
    bottom: 20px;
    right: 0;
    width: 50%;
    text-align: right;
    background: url(../images/hot.png) -50px -50px no-repeat;
    -webkit-background-size: 115%;
    -o-background-size: 115%;
    background-size: 115%
}

.themeGroup a figure ul.sProductList h1 {
    position: absolute;
    width: 100%;
    height: 38px;
    top: 50%;
    margin-top: -19px;
    color: #FFF;
    font-size: 1.2em;
    text-align: center;
    font-weight: 700;
    line-height: 1em;
    right: 10px
}

.themeGroup a figure ul.sProductList h1 span {
    display: block;
    font-size: .8em
}

.themeGroup a figure ul.sProductList li {
    position: absolute;
    top: 28%;
    left: 20px;
    width: 160px;
    height: 160px;
    -webkit-border-radius: 85px;
    border-radius: 85px;
    overflow: hidden;
    background-color: #FFF;
    line-height: 0;
    border: 5px solid #EAEAEA
}

.themeGroup a figure ul.sProductList li img {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 100%;
    height: 100%
}

.themeGroup a figure ul.sProductList li img:hover {
    padding: 0;
    width: 120%;
    height: 120%;
    min-height: 10px;
    margin-left: -10%;
    margin-top: -10%
}

.themeGroup a figure ul.sProductList li:nth-child(2) {
    top: 0;
    left: auto;
    right: 34.5%
}

.themeGroup a figure ul.sProductList li:nth-child(3) {
    left: auto;
    right: 30px
}

.themeGroup a figure ul.sProductList li:nth-child(4) {
    top: auto;
    bottom: 0;
    left: auto;
    right: 34.5%
}

.themeGroup a figure:hover h2 {
    opacity: 1
}

ul.whereList {
    position: relative;
    padding: 10px 10px 0 100px
}

ul.whereList li {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-right: 20px;
    margin-bottom: 10px;
    line-height: 1em
}

ul.whereList li:before {
    color: #fff;
    position: absolute;
    left: 0;
    font-family: vscinemas;
    content: "j"
}

ul.whereList li:hover:before {
    color: #fff79d
}

ul.whereList li a,
ul.whereList li a:visited {
    color: #fff
}

ul.whereList li a:hover {
    color: #fff79d
}

.themeGroup ul.whereList {
    border: 1px solid #ccc;
    border-top: 1px dashed #999
}

.themeGroup ul.whereList span {
    position: absolute;
    left: 15px;
    color: #2660a9;
    padding-right: 10px;
    font-weight: 700;
    line-height: 1.2em
}

.themeGroup ul.whereList li:before {
    color: #999
}

.themeGroup ul.whereList li:hover:before {
    color: #2f96ee
}

.themeGroup ul.whereList li a,
.themeGroup ul.whereList li a:visited {
    color: #333
}

.themeGroup ul.whereList li a:hover {
    color: #2f96ee
}

.movieDetail {
  /*20230921 Lyndon*/
  min-height: 700px; 
}

.movieDetail .fastSelect {
    display: block;
    margin-top: 20px;
    text-align: right;
    height: 30px;
    font-size: 1em;
    max-width: 100%
}

.movieDetail .movieMain {
    margin-top: 30px;
    position: relative;
    display: inline-block;
    width: 55%;
    margin-bottom: 40px
}

.movieDetail .movieMain figure {
    width: 40%;
    line-height: 0;
    float: left;
    text-align: center
}

.movieDetail .movieMain figure img {
    max-width: 100%;
    border: 1px solid #eaeaea
}

.movieDetail .movieMain figure a.view {
    display: inline-block;
    margin: 20px auto;
    padding: 20px 60px;
    background-color: #000;
    opacity: .7;
    color: #FFF
}

.movieDetail .movieMain figure a.view:visited {
    color: #FFF
}

.movieDetail .movieMain figure a.view:hover {
    opacity: 1
}

.movieDetail .movieMain .movieInfo {
    margin-left: 45%;
    padding: 10px 20px 0 0
}

.movieDetail .movieMain .movieInfo .markArea span:first-child {
    margin-left: 5px
}

.movieDetail .movieMain .movieInfo .titleArea {
    margin-bottom: 15px;
    padding-bottom: 15px;
    background: url(../images/info_line.png) left bottom no-repeat
}

.movieDetail .movieMain .movieInfo .titleArea h1 {
    font-size: 31.2px;
    line-height: 1.2em;
    color: #333;
    margin: 15px auto
}

.movieDetail .movieMain .movieInfo .titleArea h2 {
    position: relative;
    top: -10px;
    color: #2f96ee;
    font-size: 18px
}

.movieDetail .movieMain .movieInfo .titleArea time {
    display: block
}

.movieDetail .movieMain .movieInfo .infoArea h3 {
    font-family: Arial;
    font-size: 26px;
    color: #ccc;
    font-weight: 400;
    margin: 10px 0
}

.movieDetail .movieMain .movieInfo .infoArea table tr td {
    min-width: 60px;
    vertical-align: top
}

.movieDetail .movieMain .movieInfo .infoArea .publicPhoto {
    margin-left: -5px
}

.movieDetail .movieMain .movieInfo .infoArea .publicPhoto figure {
    position: relative;
    width: 125px;
    height: 125px;
    border: 5px solid #eaeaea;
    margin: 15px 5px;
    overflow: hidden
}

.movieDetail .movieMain .movieInfo .infoArea .publicPhoto figure:before {
    position: absolute;
    width: 100%;
    height: 100%;
    line-height: 125px;
    font-size: 3em;
    color: #FFF;
    display: block;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-color: rgba(0, 0, 0, .7);
    font-family: vscinemas;
    content: "0";
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.movieDetail .movieMain .movieInfo .infoArea .publicPhoto figure:hover:before {
    opacity: 1
}

    .movieDetail .movieVersion {
        position: relative;
        top: 55px;
        display: inline-block;
        width: 45%;
        margin-left: -6px;
        vertical-align: top;
        /*20230921 Lyndon*/
        height: 550px;
        background-color: #EAEAEA;
        opacity: 0
    }

.movieDetail .movieVersion p.versionNote {
    position: absolute;
    left: 0;
    bottom: -30px;
    font-size: 14px;
    color: #666
}

.movieDetail .movieVersion h4 {
    position: absolute;
    width: 100%;
    top: -30px;
    font-size: 19.8px;
    color: #666
}

.movieDetail .movieVersion h4 span {
    position: relative;
    top: 2px;
    margin: 0 10px
}

.movieDetail .movieVersion h4 select {
    position: relative;
    top: -15px;
    float: right;
    width: 300px;
    font-size: 16px
}

.movieDetail .movieVersion ul.versionList {
    position: relative
}

    .movieDetail .movieVersion ul.versionList .theaterBG {
        position: absolute;
        right: 0;
        z-index: 3;
        width: 42%;
        /*20230921 Lyndon*/
        height: 500px;
        background-color: #333
    }

.movieDetail .movieVersion ul.versionList li {
    width: 58%;
    color: #FFF;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff
}

.movieDetail .movieVersion ul.versionList li.show a.versionFirst {
    background-color: #ccc
}

.movieDetail .movieVersion ul.versionList li.show ul {
    display: block
}

.movieDetail .movieVersion ul.versionList li a.versionFirst {
    position: relative;
    display: block;
    padding: 5px 10px;
    background-color: #EAEAEA;
    color: #333
}

.movieDetail .movieVersion ul.versionList li a.versionFirst span {
    position: absolute;
    right: 5px;
    width: 15px;
    display: inline-block
}

.movieDetail .movieVersion ul.versionList li a.versionFirst span:before {
    position: relative;
    top: 2px;
    font-family: vscinemas, "微軟正黑體";
    content: "e";
    color: #AAA
}

.movieDetail .movieVersion ul.versionList li a.versionFirst:visited {
    color: #333
}

.movieDetail .movieVersion ul.versionList li a.versionFirst:hover {
    background-color: #ccc
}

    .movieDetail .movieVersion ul.versionList li ul {
        display: none;
        top: 0;
        right: 0;
        position: absolute;
        z-index: 10;
        width: 38%;
        /*20230921 Lyndon*/
        height: 530px;
        padding: 10px 2%;
        background-color: #333;
        font-size: 14px
    }

.movieDetail .movieVersion ul.versionList li ul li {
    position: relative;
    width: auto;
    border: none;
    margin-bottom: 5px
}

.movieDetail .movieVersion ul.versionList li ul li:before {
    position: absolute;
    top: -2px;
    font-family: vscinemas, "微軟正黑體";
    content: "j";
    font-size: 12px;
    margin-right: 5px
}

.movieDetail .movieVersion ul.versionList li ul li.where a,
.movieDetail .movieVersion ul.versionList li ul li.where a:visited {
    color: #fff79d
}

.movieDetail .movieVersion ul.versionList li ul li p {
    padding-left: 20px;
    line-height: 1.4em
}

.movieDetail .movieVersion ul.versionList li ul li p a {
    display: block;
    color: #FFF
}

.movieDetail .movieVersion ul.versionList li ul li p a:visited {
    color: #FFF
}

.movieDetail .movieVersion ul.versionList li ul li p a:hover {
    color: #fff79d
}

.movieTime,
.theaterTime {
    border-top: 1px solid #eaeaea
}

.movieTime .article h2,
.movieTime .articleBrand h2,
.movieTime .articleContent h2,
.movieTime .articleList h2,
.movieTime .articleProduct h2,
.theaterTime .article h2,
.theaterTime .articleBrand h2,
.theaterTime .articleContent h2,
.theaterTime .articleList h2,
.theaterTime .articleProduct h2 {
    font-size: 26px;
    line-height: 41.6px;
    font-weight: 400;
    color: #2f96ee;
    margin: 20px 0
}

.movieTime .article h2 span,
.movieTime .articleBrand h2 span,
.movieTime .articleContent h2 span,
.movieTime .articleList h2 span,
.movieTime .articleProduct h2 span,
.theaterTime .article h2 span,
.theaterTime .articleBrand h2 span,
.theaterTime .articleContent h2 span,
.theaterTime .articleList h2 span,
.theaterTime .articleProduct h2 span {
    color: #999;
    font-size: 16px;
    margin-left: 5px
}

.movieTime .article h2 span:before,
.movieTime .articleBrand h2 span:before,
.movieTime .articleContent h2 span:before,
.movieTime .articleList h2 span:before,
.movieTime .articleProduct h2 span:before,
.theaterTime .article h2 span:before,
.theaterTime .articleBrand h2 span:before,
.theaterTime .articleContent h2 span:before,
.theaterTime .articleList h2 span:before,
.theaterTime .articleProduct h2 span:before {
    content: " / "
}

.movieTime .article h2 span a,
.movieTime .articleBrand h2 span a,
.movieTime .articleContent h2 span a,
.movieTime .articleList h2 span a,
.movieTime .articleProduct h2 span a,
.theaterTime .article h2 span a,
.theaterTime .articleBrand h2 span a,
.theaterTime .articleContent h2 span a,
.theaterTime .articleList h2 span a,
.theaterTime .articleProduct h2 span a {
    margin-left: 5px
}

.movieTime .article .movieDay,
.movieTime .articleBrand .movieDay,
.movieTime .articleContent .movieDay,
.movieTime .articleList .movieDay,
.movieTime .articleProduct .movieDay,
.theaterTime .article .movieDay,
.theaterTime .articleBrand .movieDay,
.theaterTime .articleContent .movieDay,
.theaterTime .articleList .movieDay,
.theaterTime .articleProduct .movieDay {
    padding: 20px 0 30px;
    margin-bottom: 0;
    border-bottom: 0 solid #eaeaea;
    min-height: 90px;
    width: 100%
}

.movieTime .article .movieDay:last-child,
.movieTime .articleBrand .movieDay:last-child,
.movieTime .articleContent .movieDay:last-child,
.movieTime .articleList .movieDay:last-child,
.movieTime .articleProduct .movieDay:last-child,
.theaterTime .article .movieDay:last-child,
.theaterTime .articleBrand .movieDay:last-child,
.theaterTime .articleContent .movieDay:last-child,
.theaterTime .articleList .movieDay:last-child,
.theaterTime .articleProduct .movieDay:last-child {
    border: 0;
    margin-bottom: 40px
}

.movieTime .article .movieDay h4,
.movieTime .articleBrand .movieDay h4,
.movieTime .articleContent .movieDay h4,
.movieTime .articleList .movieDay h4,
.movieTime .articleProduct .movieDay h4,
.theaterTime .article .movieDay h4,
.theaterTime .articleBrand .movieDay h4,
.theaterTime .articleContent .movieDay h4,
.theaterTime .articleList .movieDay h4,
.theaterTime .articleProduct .movieDay h4 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
    border: 1px dashed #999;
    border-left: 5px solid #999;
    padding: 2px 5px;
    color: #999
}

.movieTime .article .movieDay ul.bookList li,
.movieTime .articleBrand .movieDay ul.bookList li,
.movieTime .articleContent .movieDay ul.bookList li,
.movieTime .articleList .movieDay ul.bookList li,
.movieTime .articleProduct .movieDay ul.bookList li,
.theaterTime .article .movieDay ul.bookList li,
.theaterTime .articleBrand .movieDay ul.bookList li,
.theaterTime .articleContent .movieDay ul.bookList li,
.theaterTime .articleList .movieDay ul.bookList li,
.theaterTime .articleProduct .movieDay ul.bookList li {
    /*2017.09.26 Edit*/
  position: relative;
  display: inline-block;
  vertical-align: top;
  min-width: 91px;
  margin: 5px 10px 5px 0;
  font-family: Arial,"Microsoft JhengHei";
}

.movieTime .article .movieDay ul.bookList li a,
.movieTime .articleBrand .movieDay ul.bookList li a,
.movieTime .articleContent .movieDay ul.bookList li a,
.movieTime .articleList .movieDay ul.bookList li a,
.movieTime .articleProduct .movieDay ul.bookList li a,
.theaterTime .article .movieDay ul.bookList li a,
.theaterTime .articleBrand .movieDay ul.bookList li a,
.theaterTime .articleContent .movieDay ul.bookList li a,
.theaterTime .articleList .movieDay ul.bookList li a,
.theaterTime .articleProduct .movieDay ul.bookList li a {
    background-color: #EFEFEF;
    padding: 3px 8px;
    display: block;
    text-align: center;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #333;
}

.movieTime .article .movieDay ul.bookList li a:visited,
.movieTime .articleBrand .movieDay ul.bookList li a:visited,
.movieTime .articleContent .movieDay ul.bookList li a:visited,
.movieTime .articleList .movieDay ul.bookList li a:visited,
.movieTime .articleProduct .movieDay ul.bookList li a:visited,
.theaterTime .article .movieDay ul.bookList li a:visited,
.theaterTime .articleBrand .movieDay ul.bookList li a:visited,
.theaterTime .articleContent .movieDay ul.bookList li a:visited,
.theaterTime .articleList .movieDay ul.bookList li a:visited,
.theaterTime .articleProduct .movieDay ul.bookList li a:visited {
    color: #333
}

.movieTime .article .movieDay ul.bookList li a:hover,
.movieTime .articleBrand .movieDay ul.bookList li a:hover,
.movieTime .articleContent .movieDay ul.bookList li a:hover,
.movieTime .articleList .movieDay ul.bookList li a:hover,
.movieTime .articleProduct .movieDay ul.bookList li a:hover,
.theaterTime .article .movieDay ul.bookList li a:hover,
.theaterTime .articleBrand .movieDay ul.bookList li a:hover,
.theaterTime .articleContent .movieDay ul.bookList li a:hover,
.theaterTime .articleList .movieDay ul.bookList li a:hover,
.theaterTime .articleProduct .movieDay ul.bookList li a:hover {
    background-color: #333;
    color: #FFF
}

.movieTime .article .movieDay ul.bookList li a:hover mark, .theaterTime .article .movieDay ul.bookList li a:hover mark, .movieTime .articleProduct .movieDay ul.bookList li a:hover mark, .theaterTime .articleProduct .movieDay ul.bookList li a:hover mark, .movieTime .articleBrand .movieDay ul.bookList li a:hover mark, .theaterTime .articleBrand .movieDay ul.bookList li a:hover mark, .movieTime .articleContent .movieDay ul.bookList li a:hover mark, .theaterTime .articleContent .movieDay ul.bookList li a:hover mark, .movieTime .articleList .movieDay ul.bookList li a:hover mark, .theaterTime .articleList .movieDay ul.bookList li a:hover mark {
  color: #FFF;
}

.movieTime .article .movieDay ul.bookList li a mark, .theaterTime .article .movieDay ul.bookList li a mark, .movieTime .articleProduct .movieDay ul.bookList li a mark, .theaterTime .articleProduct .movieDay ul.bookList li a mark, .movieTime .articleBrand .movieDay ul.bookList li a mark, .theaterTime .articleBrand .movieDay ul.bookList li a mark, .movieTime .articleContent .movieDay ul.bookList li a mark, .theaterTime .articleContent .movieDay ul.bookList li a mark, .movieTime .articleList .movieDay ul.bookList li a mark, .theaterTime .articleList .movieDay ul.bookList li a mark {
  background: none;
  font-size: 12px;
}

.movieTime .article .movieDay ul.bookList li.soldout,
.movieTime .articleBrand .movieDay ul.bookList li.soldout,
.movieTime .articleContent .movieDay ul.bookList li.soldout,
.movieTime .articleList .movieDay ul.bookList li.soldout,
.movieTime .articleProduct .movieDay ul.bookList li.soldout,
.theaterTime .article .movieDay ul.bookList li.soldout,
.theaterTime .articleBrand .movieDay ul.bookList li.soldout,
.theaterTime .articleContent .movieDay ul.bookList li.soldout,
.theaterTime .articleList .movieDay ul.bookList li.soldout,
.theaterTime .articleProduct .movieDay ul.bookList li.soldout {
    overflow: hidden
}

.movieTime .article .movieDay ul.bookList li.soldout a,
.movieTime .articleBrand .movieDay ul.bookList li.soldout a,
.movieTime .articleContent .movieDay ul.bookList li.soldout a,
.movieTime .articleList .movieDay ul.bookList li.soldout a,
.movieTime .articleProduct .movieDay ul.bookList li.soldout a,
.theaterTime .article .movieDay ul.bookList li.soldout a,
.theaterTime .articleBrand .movieDay ul.bookList li.soldout a,
.theaterTime .articleContent .movieDay ul.bookList li.soldout a,
.theaterTime .articleList .movieDay ul.bookList li.soldout a,
.theaterTime .articleProduct .movieDay ul.bookList li.soldout a {
    background: #e48485;
    color: #fff
}

.movieTime .article .movieDay ul.bookList li.soldout a:visited,
.movieTime .articleBrand .movieDay ul.bookList li.soldout a:visited,
.movieTime .articleContent .movieDay ul.bookList li.soldout a:visited,
.movieTime .articleList .movieDay ul.bookList li.soldout a:visited,
.movieTime .articleProduct .movieDay ul.bookList li.soldout a:visited,
.theaterTime .article .movieDay ul.bookList li.soldout a:visited,
.theaterTime .articleBrand .movieDay ul.bookList li.soldout a:visited,
.theaterTime .articleContent .movieDay ul.bookList li.soldout a:visited,
.theaterTime .articleList .movieDay ul.bookList li.soldout a:visited,
.theaterTime .articleProduct .movieDay ul.bookList li.soldout a:visited {
    color: #fff
}

.movieTime .article .movieDay ul.bookList li.soldout a:hover,
.movieTime .articleBrand .movieDay ul.bookList li.soldout a:hover,
.movieTime .articleContent .movieDay ul.bookList li.soldout a:hover,
.movieTime .articleList .movieDay ul.bookList li.soldout a:hover,
.movieTime .articleProduct .movieDay ul.bookList li.soldout a:hover,
.theaterTime .article .movieDay ul.bookList li.soldout a:hover,
.theaterTime .articleBrand .movieDay ul.bookList li.soldout a:hover,
.theaterTime .articleContent .movieDay ul.bookList li.soldout a:hover,
.theaterTime .articleList .movieDay ul.bookList li.soldout a:hover,
.theaterTime .articleProduct .movieDay ul.bookList li.soldout a:hover {
    background-color: #e48485;
    color: #FFF;
    cursor: default
}

.movieTime .article .movieDay ul.bookList li.soldout a mark, .theaterTime .article .movieDay ul.bookList li.soldout a mark, .movieTime .articleProduct .movieDay ul.bookList li.soldout a mark, .theaterTime .articleProduct .movieDay ul.bookList li.soldout a mark, .movieTime .articleBrand .movieDay ul.bookList li.soldout a mark, .theaterTime .articleBrand .movieDay ul.bookList li.soldout a mark, .movieTime .articleContent .movieDay ul.bookList li.soldout a mark, .theaterTime .articleContent .movieDay ul.bookList li.soldout a mark, .movieTime .articleList .movieDay ul.bookList li.soldout a mark, .theaterTime .articleList .movieDay ul.bookList li.soldout a mark {
  color: #FFF;
}

.movieTime .article .movieDay ul.bookList li.soldout span,
.movieTime .articleBrand .movieDay ul.bookList li.soldout span,
.movieTime .articleContent .movieDay ul.bookList li.soldout span,
.movieTime .articleList .movieDay ul.bookList li.soldout span,
.movieTime .articleProduct .movieDay ul.bookList li.soldout span,
.theaterTime .article .movieDay ul.bookList li.soldout span,
.theaterTime .articleBrand .movieDay ul.bookList li.soldout span,
.theaterTime .articleContent .movieDay ul.bookList li.soldout span,
.theaterTime .articleList .movieDay ul.bookList li.soldout span,
.theaterTime .articleProduct .movieDay ul.bookList li.soldout span {
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 110%;
    display: inline;
    font-size: 12px;
    width: 380px;
    line-height: 24px;
    height: 0;
    background-color: #e48485;
    color: #FFF;
    text-align: center;
    opacity: 0
}

.movieTime .article .movieDay ul.bookList li.soldout:hover,
.movieTime .articleBrand .movieDay ul.bookList li.soldout:hover,
.movieTime .articleContent .movieDay ul.bookList li.soldout:hover,
.movieTime .articleList .movieDay ul.bookList li.soldout:hover,
.movieTime .articleProduct .movieDay ul.bookList li.soldout:hover,
.theaterTime .article .movieDay ul.bookList li.soldout:hover,
.theaterTime .articleBrand .movieDay ul.bookList li.soldout:hover,
.theaterTime .articleContent .movieDay ul.bookList li.soldout:hover,
.theaterTime .articleList .movieDay ul.bookList li.soldout:hover,
.theaterTime .articleProduct .movieDay ul.bookList li.soldout:hover {
    overflow: visible
}

.movieTime .article .movieDay ul.bookList li.soldout:hover span,
.movieTime .articleBrand .movieDay ul.bookList li.soldout:hover span,
.movieTime .articleContent .movieDay ul.bookList li.soldout:hover span,
.movieTime .articleList .movieDay ul.bookList li.soldout:hover span,
.movieTime .articleProduct .movieDay ul.bookList li.soldout:hover span,
.theaterTime .article .movieDay ul.bookList li.soldout:hover span,
.theaterTime .articleBrand .movieDay ul.bookList li.soldout:hover span,
.theaterTime .articleContent .movieDay ul.bookList li.soldout:hover span,
.theaterTime .articleList .movieDay ul.bookList li.soldout:hover span,
.theaterTime .articleProduct .movieDay ul.bookList li.soldout:hover span {
    transition: .5s linear 0s;
    opacity: 1;
    z-index: 99;
    height: 24px
}

.movieTime .article .movieDay ul.bookList li.little a,
.movieTime .articleBrand .movieDay ul.bookList li.little a,
.movieTime .articleContent .movieDay ul.bookList li.little a,
.movieTime .articleList .movieDay ul.bookList li.little a,
.movieTime .articleProduct .movieDay ul.bookList li.little a,
.theaterTime .article .movieDay ul.bookList li.little a,
.theaterTime .articleBrand .movieDay ul.bookList li.little a,
.theaterTime .articleContent .movieDay ul.bookList li.little a,
.theaterTime .articleList .movieDay ul.bookList li.little a,
.theaterTime .articleProduct .movieDay ul.bookList li.little a {
    background: #fcec7b;
    color: #333
}

.movieTime .article .movieDay ul.bookList li.little a:visited,
.movieTime .articleBrand .movieDay ul.bookList li.little a:visited,
.movieTime .articleContent .movieDay ul.bookList li.little a:visited,
.movieTime .articleList .movieDay ul.bookList li.little a:visited,
.movieTime .articleProduct .movieDay ul.bookList li.little a:visited,
.theaterTime .article .movieDay ul.bookList li.little a:visited,
.theaterTime .articleBrand .movieDay ul.bookList li.little a:visited,
.theaterTime .articleContent .movieDay ul.bookList li.little a:visited,
.theaterTime .articleList .movieDay ul.bookList li.little a:visited,
.theaterTime .articleProduct .movieDay ul.bookList li.little a:visited {
    color: #333
}

.movieTime .article .movieDay ul.bookList li.little a:hover,
.movieTime .articleBrand .movieDay ul.bookList li.little a:hover,
.movieTime .articleContent .movieDay ul.bookList li.little a:hover,
.movieTime .articleList .movieDay ul.bookList li.little a:hover,
.movieTime .articleProduct .movieDay ul.bookList li.little a:hover,
.theaterTime .article .movieDay ul.bookList li.little a:hover,
.theaterTime .articleBrand .movieDay ul.bookList li.little a:hover,
.theaterTime .articleContent .movieDay ul.bookList li.little a:hover,
.theaterTime .articleList .movieDay ul.bookList li.little a:hover,
.theaterTime .articleProduct .movieDay ul.bookList li.little a:hover {
    background-color: #333;
    color: #FFF
}

.movieTime .article .movieDay ul.bookList:after,
.movieTime .articleBrand .movieDay ul.bookList:after,
.movieTime .articleContent .movieDay ul.bookList:after,
.movieTime .articleList .movieDay ul.bookList:after,
.movieTime .articleProduct .movieDay ul.bookList:after,
.theaterTime .article .movieDay ul.bookList:after,
.theaterTime .articleBrand .movieDay ul.bookList:after,
.theaterTime .articleContent .movieDay ul.bookList:after,
.theaterTime .articleList .movieDay ul.bookList:after,
.theaterTime .articleProduct .movieDay ul.bookList:after {
    position: relative;
    clear: both;
    content: "　"
}

.movieVideo {
    clear: both;
    position: relative;
    z-index: 10;
    width: 100%;
    height: 600px;
    margin-bottom: 50px;
    background-color: #F0F0F0;
    vertical-align: top
}

.movieVideo .mainVideo {
    position: absolute;
    z-index: 22;
    top: 0;
    width: 100%;
    overflow: hidden;
    cursor: pointer
}

.movieVideo .mainVideo .slidesArea,
.movieVideo .mainVideo .slidesArea:hover {
    cursor: pointer
}

.movieVideo .mainVideo .slidesArea div {
    margin: 50px auto;
    text-align: center;
    cursor: pointer
}

.movieVideo .mainVideo .slidesArea div iframe {
    width: 930px;
    height: 500px;
    margin: 0 auto
}

.movieVideo .mainVideo .arrowArea {
    position: relative;
    top: 45%;
    width: 80%;
    margin: 0 auto
}

.movieVideo .mainVideo .arrowArea .jssora03l:before,
.movieVideo .mainVideo .arrowArea .jssora03r {
    color: #ccc
}

.movieVideo .mainVideo .bannerLink {
    position: absolute;
    z-index: 80;
    bottom: 0;
    right: 10%
}

.movieVideo .mainVideo .bannerLink ul {
    position: relative;
    padding-bottom: 40px;
    display: block;
    background-color: rgba(0, 0, 0, .7)
}

.movieVideo .mainVideo .bannerLink ul:before {
    position: absolute;
    width: 100%;
    top: -5px;
    height: 5px;
    line-height: 5px;
    background: url(../images/ticket_border.png) left top repeat-x;
    content: '.';
    display: block
}

.movieVideo .mainVideo .bannerLink ul li {
    border-bottom: 1px solid rgba(62, 62, 62, .7);
    font-size: 18px
}

.movieVideo .mainVideo .bannerLink ul li a {
    display: block;
    padding: 12px 18px;
    color: #FFF
}

.hotArea,
.movieStory,
.theaterPosition,
.theaterStory {
    padding-bottom: 30px
}

.movieVideo .mainVideo .bannerLink ul li a:before {
    margin-right: 10px;
    font-size: 16px
}

.movieVideo .mainVideo .bannerLink ul li a:visited {
    color: #FFF
}

.movieVideo .mainVideo .bannerLink ul li a:hover {
    color: #fff79d;
    background-color: #000
}

.movieStory .article h2,
.movieStory .articleBrand h2,
.movieStory .articleContent h2,
.movieStory .articleList h2,
.movieStory .articleProduct h2,
.theaterPosition .article h2,
.theaterPosition .articleBrand h2,
.theaterPosition .articleContent h2,
.theaterPosition .articleList h2,
.theaterPosition .articleProduct h2,
.theaterStory .article h2,
.theaterStory .articleBrand h2,
.theaterStory .articleContent h2,
.theaterStory .articleList h2,
.theaterStory .articleProduct h2 {
    font-size: 26px;
    line-height: 31.2px;
    font-weight: 400;
    color: #2f96ee;
    margin: 20px 0
}

.movieStory .article h2 span,
.movieStory .articleBrand h2 span,
.movieStory .articleContent h2 span,
.movieStory .articleList h2 span,
.movieStory .articleProduct h2 span,
.theaterPosition .article h2 span,
.theaterPosition .articleBrand h2 span,
.theaterPosition .articleContent h2 span,
.theaterPosition .articleList h2 span,
.theaterPosition .articleProduct h2 span,
.theaterStory .article h2 span,
.theaterStory .articleBrand h2 span,
.theaterStory .articleContent h2 span,
.theaterStory .articleList h2 span,
.theaterStory .articleProduct h2 span {
    color: #999;
    font-size: 16px;
    margin-left: 5px
}

.movieStory .article h2 span:before,
.movieStory .articleBrand h2 span:before,
.movieStory .articleContent h2 span:before,
.movieStory .articleList h2 span:before,
.movieStory .articleProduct h2 span:before,
.theaterPosition .article h2 span:before,
.theaterPosition .articleBrand h2 span:before,
.theaterPosition .articleContent h2 span:before,
.theaterPosition .articleList h2 span:before,
.theaterPosition .articleProduct h2 span:before,
.theaterStory .article h2 span:before,
.theaterStory .articleBrand h2 span:before,
.theaterStory .articleContent h2 span:before,
.theaterStory .articleList h2 span:before,
.theaterStory .articleProduct h2 span:before {
    content: " / "
}

.movieStory .article h2 span a,
.movieStory .articleBrand h2 span a,
.movieStory .articleContent h2 span a,
.movieStory .articleList h2 span a,
.movieStory .articleProduct h2 span a,
.theaterPosition .article h2 span a,
.theaterPosition .articleBrand h2 span a,
.theaterPosition .articleContent h2 span a,
.theaterPosition .articleList h2 span a,
.theaterPosition .articleProduct h2 span a,
.theaterStory .article h2 span a,
.theaterStory .articleBrand h2 span a,
.theaterStory .articleContent h2 span a,
.theaterStory .articleList h2 span a,
.theaterStory .articleProduct h2 span a {
    margin-left: 5px
}

.moviePicture,
.theaterPicture {
    position: relative;
    z-index: 3
}

.moviePicture .picture,
.theaterPicture .picture {
    position: relative;
    z-index: 5;
    background-color: #e3e3e3;
    margin: 0;
    height: 185px;
    padding: 45px 0;
    max-width: 100%;
    overflow: hidden
}

.moviePicture .picture .picSlides,
.theaterPicture .picture .picSlides {
    z-index: 10;
    width: 1100px;
    height: 185px;
    overflow: hidden;
    margin: 0 auto 0 -550px;
    text-align: center;
    left: 50%
}

.moviePicture .picture .picSlides img,
.theaterPicture .picture .picSlides img {
    height: auto
}

.moviePicture .picture .picSlides figcaption,
.theaterPicture .picture .picSlides figcaption {
    display: none
}

.moviePicture .picture .arrowArea,
.theaterPicture .picture .arrowArea {
    position: relative;
    top: 45%;
    width: 90%;
    margin: 0 auto
}

.moviePicture .picture .arrowArea .jssora03l:before,
.moviePicture .picture .arrowArea .jssora03r,
.theaterPicture .picture .arrowArea .jssora03l:before,
.theaterPicture .picture .arrowArea .jssora03r {
    color: #ccc
}

.theaterStory {
    padding: 20px 0
}

.theaterStory .article,
.theaterStory .articleBrand,
.theaterStory .articleContent,
.theaterStory .articleList,
.theaterStory .articleProduct {
    text-align: right;
    min-height: 100px
}

.theaterStory .article select,
.theaterStory .articleBrand select,
.theaterStory .articleContent select,
.theaterStory .articleList select,
.theaterStory .articleProduct select {
    position: relative;
    z-index: 15;
    margin: 0 auto 20px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.theaterStory .article .bbsArticle,
.theaterStory .articleBrand .bbsArticle,
.theaterStory .articleContent .bbsArticle,
.theaterStory .articleList .bbsArticle,
.theaterStory .articleProduct .bbsArticle {
    text-align: left
}

.theaterPosition {
    margin: 20px 0
}

.theaterPosition .article .leftBox,
.theaterPosition .articleBrand .leftBox,
.theaterPosition .articleContent .leftBox,
.theaterPosition .articleList .leftBox,
.theaterPosition .articleProduct .leftBox {
    display: inline-block;
    vertical-align: top;
    width: 45%;
    margin-right: 3%
}

.theaterPosition .article .leftBox ul li,
.theaterPosition .articleBrand .leftBox ul li,
.theaterPosition .articleContent .leftBox ul li,
.theaterPosition .articleList .leftBox ul li,
.theaterPosition .articleProduct .leftBox ul li {
    position: relative;
    margin: 0 0 10px 28px;
    font-size: 18px
}

.theaterPosition .article .leftBox ul li p,
.theaterPosition .articleBrand .leftBox ul li p,
.theaterPosition .articleContent .leftBox ul li p,
.theaterPosition .articleList .leftBox ul li p,
.theaterPosition .articleProduct .leftBox ul li p {
    font-size: 16px
}

.theaterPosition .article .leftBox ul li.icon-bus-two:before,
.theaterPosition .articleBrand .leftBox ul li.icon-bus-two:before,
.theaterPosition .articleContent .leftBox ul li.icon-bus-two:before,
.theaterPosition .articleList .leftBox ul li.icon-bus-two:before,
.theaterPosition .articleProduct .leftBox ul li.icon-bus-two:before {
    font-size: 1.5em;
    top: -2px;
    left: -31px
}

.theaterPosition .article .leftBox ul li:before,
.theaterPosition .articleBrand .leftBox ul li:before,
.theaterPosition .articleContent .leftBox ul li:before,
.theaterPosition .articleList .leftBox ul li:before,
.theaterPosition .articleProduct .leftBox ul li:before {
    position: absolute;
    font-size: 1.2em;
    left: -28px;
    top: 0;
    color: #666
}

.eventBanner,
.eventBanner .arrowArea,
.searchBar,
.theaterPosition+.sticky-wrapper,
.weekArea,
.weekArea .week .dateBanner {
    position: relative
}

.theaterPosition .article .rightMap,
.theaterPosition .articleBrand .rightMap,
.theaterPosition .articleContent .rightMap,
.theaterPosition .articleList .rightMap,
.theaterPosition .articleProduct .rightMap {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    margin-top: 40px
}

.theaterPosition .article .rightMap iframe,
.theaterPosition .articleBrand .rightMap iframe,
.theaterPosition .articleContent .rightMap iframe,
.theaterPosition .articleList .rightMap iframe,
.theaterPosition .articleProduct .rightMap iframe {
    width: 100%;
    height: 300px
}

.theaterPosition+.is-sticky {
    min-height: 136px
}

.weekArea {
    z-index: 20;
    width: 100%;
    background-color: #eaeaea;
    padding: 5px 0 15px
}

.weekArea .week {
    width: 1140px;
    margin: 0 auto
}

.weekArea .week .dateBanner {
    height: 60px
}

.weekArea .week .dateBanner .slidesArea {
    width: 100%;
    background: #FFF;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden
}

.weekArea .week .dateBanner .arrowArea .jssora03l,
.weekArea .week .dateBanner .arrowArea .jssora03r {
    font-size: 1.6em;
    color: #aaa
}

.weekArea .week .dateBanner .arrowArea .icon-chevron-left {
    left: -40px
}

.weekArea .week .dateBanner .arrowArea .icon-chevron-right {
    right: -40px
}

.weekArea .week h2 {
    font-size: 26px;
    line-height: 36.4px;
    font-weight: 400;
    color: #2f96ee;
    margin: 10px 0
}

.weekArea .week h2 span {
    color: #333;
    font-size: 16px;
    margin-left: 10px;
    line-height: 1.4em
}

.weekArea .week div div {
    color: #CCC;
    text-align: center;
    line-height: 60px;
    border-left: 1px solid #eaeaea
}

.weekArea .week div div.select a,
.weekArea .week div div.select a:visited {
    color: #fff;
    background-color: #2f96ee
}

.weekArea .week div div a {
    display: block;
    color: #333
}

.weekArea .week div div a:visited {
    color: #333
}

.weekArea .week div div a:hover {
    color: #fff;
    background-color: #2f96ee
}

.theaterTime {
    padding-bottom: 0
}

.theaterTime .article,
.theaterTime .articleBrand,
.theaterTime .articleContent,
.theaterTime .articleList,
.theaterTime .articleProduct {
    margin-top: 20px
}

.theaterTime .article h1,
.theaterTime .articleBrand h1,
.theaterTime .articleContent h1,
.theaterTime .articleList h1,
.theaterTime .articleProduct h1 {
    margin: 25px 0 0;
    font-weight: 700
}

.theaterTime .article h1 span,
.theaterTime .articleBrand h1 span,
.theaterTime .articleContent h1 span,
.theaterTime .articleList h1 span,
.theaterTime .articleProduct h1 span {
    display: inline-block;
    line-height: 1.4em
}

.theaterTime .article h1 span mark,
.theaterTime .articleBrand h1 span mark,
.theaterTime .articleContent h1 span mark,
.theaterTime .articleList h1 span mark,
.theaterTime .articleProduct h1 span mark {
    line-height: 1.1em
}

.theaterTime .article h2,
.theaterTime .articleBrand h2,
.theaterTime .articleContent h2,
.theaterTime .articleList h2,
.theaterTime .articleProduct h2 {
    font-size: 16px;
    line-height: 1.2em;
    padding: 0;
    margin: 0;
    color: #999;
    font-weight: 400
}

.eventBanner {
    z-index: 22;
    top: 0;
    width: 1140px;
    height: 487px;
    margin: 20px auto 50px
}

.eventBanner .slidesArea {
    width: 100%
}

.eventBanner .jssorb21 {
    bottom: -25px
}

.eventBanner .jssorb21 .av,
.eventBanner .jssorb21 div:hover {
    background-color: #2f96ee
}

.eventBanner .arrowArea {
    z-index: 50;
    top: 50%;
    width: 98%;
    height: 50px;
    margin: 0 auto
}

ul.liveList {
    margin-top: 30px
}

ul.liveList li {
    min-height: 450px
}

ul.liveList li figure {
    margin: 20px 20px 10px
}

.brandArea .movieArea .movieBanner .slidesArea div ul.liveList li:hover .iconArea a.theaterMark:hover,
.foodbrandArea .movieArea .movieBanner .slidesArea div ul.liveList li:hover .iconArea a.theaterMark:hover,
ul.liveList li:hover .brandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.liveList li:hover .foodbrandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.liveList li:hover .iconArea a.theaterMark:hover {
    background-color: #999;
    border: 1px solid #999
}

.searchBar {
    z-index: 30;
    width: 100%;
    margin: 90px auto 0;
    text-align: center
}

.searchBar ul.searchList li {
    display: inline-block;
    margin: 0 2px
}

.searchBar ul.searchList li span {
    position: relative;
    display: inline-block;
    color: #999
}

.searchBar ul.searchList li span.icon-calendar:before {
    position: absolute;
    top: 9px;
    left: 9px;
    color: #999
}

.searchBar ul.searchList li input,
.searchBar ul.searchList li select {
    color: #999;
    margin-bottom: 10px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.searchBar ul.searchList li select {
    padding: 4px
}

.searchBar ul.searchList li input[type=text].date {
    width: 100px;
    padding-left: 30px
}

.searchBar ul.searchList li input[type=submit],
.searchBar ul.searchList li input[type=button] {
    font-family: vscinemas;
    background: #666;
    color: #FFF;
    margin-left: 5px;
    width: 40px;
    height: 40px;
    opacity: .7;
    -webkit-border-radius: 20px;
    border-radius: 20px
}

.searchBar ul.searchList li input[type=submit]:hover,
.searchBar ul.searchList li input[type=button]:hover {
    opacity: 1;
    cursor: pointer
}

.jssora03l,
.jssora03r {
    display: block;
    position: absolute;
    width: 40px;
    height: 75px;
    cursor: pointer;
    overflow: hidden;
    opacity: .7;
    font-size: 42.02px;
    color: #FFF
}

.jssora03l {
    left: -10px
}

.jssora03r {
    right: -10px
}

.jssora03l.jssora03ldn,
.jssora03l:hover,
.jssora03r.jssora03rdn,
.jssora03r:hover {
    opacity: 1
}

.jssorb21 {
    position: absolute;
    bottom: 15px
}

.jssorb21 .av,
.jssorb21 div,
.jssorb21 div:hover {
    overflow: hidden;
    cursor: pointer
}

.jssorb21 div {
    width: 10px;
    height: 10px;
    background-color: #ccc;
    border-radius: 10px
}

.jssorb21 .av,
.jssorb21 .av:hover,
.jssorb21 .dn,
.jssorb21 .dn:hover,
.jssorb21 div:hover {
    background-color: #333
}

h4.rank {
    position: absolute;
    top: 10px;
    left: 11%;
    width: 60px;
    height: 60px;
    line-height: 60px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    background: #0484EC;
    color: #FFF;
    text-align: center;
    font-family: "Arial Black";
    font-size: 18px;
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    transform: rotate(-15deg)
}

.rankArea p {
    position: relative;
    color: #999
}

.rankArea p span {
    margin-left: 10px;
    min-width: 25px;
    display: inline-block;
    text-align: center
}

.rankArea .icon-caret-up:before {
    color: #cf3030
}

.rankArea .icon-caret-down:before {
    color: #999
}

.rankArea .unbiased {
    color: #255da4
}

.rankArea .unbiased:before {
    content: '▬'
}

.rankArea .new {
    color: #3ea70a;
    margin-left: 7px
}

.rankArea .new:before {
    content: 'NEW';
    font-family: Arial;
    font-weight: 700;
    font-size: 12px
}

.rankArea .rise {
    color: #cf3030
}

.rankArea .decrease {
    color: #999
}

.hotArea .hotBox .hotInfo .info h2,
ul.eventList li .infoArea time,
ul.mallEventList li .infoArea time {
    color: #2f96ee
}

.rankArea .winner {
    position: absolute;
    top: -7px;
    left: 70%;
    width: 37px;
    height: 37px;
    display: inline-block;
    background: url(../images/mark_winner.png) center center no-repeat
}

.hotArea {
    margin: 60px 0 40px;
    border-bottom: 1px solid #ccc;
    min-height: 300px
}

.hotArea figure {
    position: absolute;
    width: 188px;
    padding: 1px;
    line-height: 0;
    background-color: #EAEAEA
}

.hotArea figure a img {
    max-width: 100%
}

.hotArea .hotBox {
    margin-left: 230px
}

.hotArea .hotBox p {
    margin-bottom: 15px
}

.hotArea .hotBox .hotInfo {
    position: relative;
    min-height: 170px
}

.hotArea .hotBox .hotInfo .rankArea {
    position: absolute;
    top: 0;
    width: 135px
}

.hotArea .hotBox .hotInfo .rankArea h4.rank {
    position: relative;
    top: 0;
    width: 80px;
    height: 80px;
    line-height: 90px;
    font-size: 25.21px;
    margin-bottom: 10px;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    background: url(../images/vscinemasBaby.png) center 8px no-repeat #cf3030;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
}

.hotArea .hotBox .hotInfo .rankArea p {
    margin: 0
}

.hotArea .hotBox .hotInfo .info {
    margin-left: 150px
}

.hotArea .hotBox .hotInfo .info h1 {
    margin: 0 0 10px;
    font-size: 26px;
    line-height: 1.4em
}

.hotArea .hotBox .hotInfo .info .iconArea {
    margin: 10px 20px 15px 0;
    min-height: 20px
}

.brandArea .movieArea .movieBanner .slidesArea div .hotArea .hotBox .hotInfo .info .iconArea a.theaterMark:first-child:hover,
.foodbrandArea .movieArea .movieBanner .slidesArea div .hotArea .hotBox .hotInfo .info .iconArea a.theaterMark:first-child:hover,
.hotArea .hotBox .hotInfo .info .brandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:first-child:hover,
.hotArea .hotBox .hotInfo .info .foodbrandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:first-child:hover,
.hotArea .hotBox .hotInfo .info .iconArea a.theaterMark:first-child {
    margin-left: 0
}

ul.hotList {
    margin-bottom: 40px
}

ul.hotList li {
    position: relative;
    width: 25%;
    text-align: center;
    min-height: 460px
}

ul.hotList li figure {
    width: 160px;
    margin: 30px auto 20px
}

ul.eventList,
ul.mallEventList {
    margin-top: 20px
}

ul.eventList li,
ul.mallEventList li {
    margin-bottom: 20px;
    min-height: 460px
}

ul.eventList li figure span.type,
ul.mallEventList li figure span.type {
    background-color: #ffd200
}

ul.eventList li figure span.type mark:before,
ul.mallEventList li figure span.type mark:before {
    content: '得獎名單'
}

ul.eventList li .iconArea,
ul.mallEventList li .iconArea {
    margin: 0 20px 20px 16px;
    min-height: auto
}

.articleProduct,
ul.mallEventList li {
    min-height: 400px
}

ul.eventList li .infoArea,
ul.mallEventList li .infoArea {
    margin: 0 20px 5px
}

ul.eventList li .infoArea h2,
ul.mallEventList li .infoArea h2 {
    margin-top: 15px
}

ul.liveHistory li,
ul.newsList li,
ul.noteList li {
    position: relative;
    margin: 20px auto;
    padding-bottom: 20px;
    border-bottom: 1px dashed #ccc
}

ul.liveHistory li a,
ul.newsList li a,
ul.noteList li a {
    position: relative;
    display: inline-block;
    margin: 2px 0 0 110px
}

ul.liveHistory li a span,
ul.newsList li a span,
ul.noteList li a span {
    top: 5px;
    display: inline-block;
    color: #e70000;
    margin-left: 10px
}

ul.liveHistory li a .icon-new-sign,
ul.newsList li a .icon-new-sign,
ul.noteList li a .icon-new-sign {
    position: relative;
    display: inline-block;
    height: 0;
    width: auto
}

ul.liveHistory li a .icon-new-sign:before,
ul.newsList li a .icon-new-sign:before,
ul.noteList li a .icon-new-sign:before {
    position: absolute;
    top: -10px;
    font-size: 1.6em;
    line-height: 0
}

ul.liveHistory li time,
ul.newsList li time,
ul.noteList li time {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 14px;
    color: #FFF;
    background-color: #2f96ee;
    padding: 2px 10px;
    margin-right: 10px;
    display: inline-block
}

ul.liveHistory li time:before,
ul.newsList li time:before,
ul.noteList li time:before {
    content: "";
    margin: 0
}

ul.partnerList {
    margin-left: 6px;
    margin-bottom: 40px
}

ul.partnerList li {
    display: inline-block;
    width: 30%;
    margin-right: 3%;
    margin-left: -6px;
    vertical-align: top
}

ul.partnerList li figure {
    line-height: 0
}

ul.partnerList li figure img {
    max-width: 100%;
    border: 1px solid #eaeaea
}

ul.partnerList li h2 {
    font-size: 1.2em;
    margin: 10px 0
}

.eventMain,
.productDetail,
.productFeature {
    margin: 40px 0
}

.eventMain:after,
.productDetail:after,
.productFeature:after {
    display: block;
    content: '';
    clear: both;
    float: none
}

.eventMain figure,
.productDetail figure,
.productFeature figure {
    position: relative;
    width: 25%;
    float: left;
    text-align: center;
    overflow: hidden
}

.eventMain figure span,
.productDetail figure span,
.productFeature figure span {
    position: absolute;
    z-index: 10;
    top: auto;
    left: 10px;
    bottom: 10px
}

.eventMain figure span.type,
.productDetail figure span.type,
.productFeature figure span.type {
    top: -65px;
    left: -65px;
    bottom: auto;
    width: 120px;
    height: 120px;
    background-color: #ffd200;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.eventMain figure span.type mark,
.productDetail figure span.type mark,
.productFeature figure span.type mark {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 12px;
    display: block;
    background: 0 0;
    font-size: 14px;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
}

.eventMain figure span.type mark:before,
.productDetail figure span.type mark:before,
.productFeature figure span.type mark:before {
    position: absolute;
    content: '得獎名單';
    top: -10px;
    left: 30px
}

.eventMain figure img,
.productDetail figure img,
.productFeature figure img {
    max-width: 99%;
    border: 1px solid #eaeaea
}

.eventMain figure h4,
.productDetail figure h4,
.productFeature figure h4 {
    border-bottom: 1px dashed #ccc;
    padding: 10px 0
}

.eventMain figure .icon-arrowdown,
.productDetail figure .icon-arrowdown,
.productFeature figure .icon-arrowdown {
    display: inline-block
}

.eventMain figure .icon-arrowdown:before,
.productDetail figure .icon-arrowdown:before,
.productFeature figure .icon-arrowdown:before {
    position: relative;
    top: 5px;
    float: right;
    font-size: .6em;
    margin: 0 5px
}

.eventMain .eventInfo,
.productDetail .eventInfo,
.productDetail .productInfo,
.productFeature .eventInfo,
.productFeature .productInfo {
    margin-left: 25%;
    padding-top: 10px;
    padding-left: 30px
}

.eventMain .eventInfo input[type=submit],
.productDetail .eventInfo input[type=submit],
.productDetail .productInfo input[type=submit],
.productFeature .eventInfo input[type=submit],
.productFeature .productInfo input[type=submit] {
    padding: 7px 30px;
    margin: 0 10px;
    background-color: #2f96ee;
    color: #FFF;
    cursor: pointer;
    border: 0;
    opacity: .7;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.eventMain .eventInfo input[type=submit]:hover,
.productDetail .eventInfo input[type=submit]:hover,
.productDetail .productInfo input[type=submit]:hover,
.productFeature .eventInfo input[type=submit]:hover,
.productFeature .productInfo input[type=submit]:hover {
    opacity: 1
}

.eventMain .eventInfo h1,
.productDetail .eventInfo h1,
.productDetail .productInfo h1,
.productFeature .eventInfo h1,
.productFeature .productInfo h1 {
    font-size: 26px;
    line-height: 1.2em;
    color: #333;
    margin: 0 0 20px
}

.eventMain .eventInfo ul,
.productDetail .eventInfo ul,
.productDetail .productInfo ul,
.productFeature .eventInfo ul,
.productFeature .productInfo ul {
    vertical-align: top
}

.eventMain .eventInfo ul li,
.productDetail .eventInfo ul li,
.productDetail .productInfo ul li,
.productFeature .eventInfo ul li,
.productFeature .productInfo ul li {
    margin: 10px 0;
    line-height: 1.6em;
    vertical-align: top
}

.eventMain .eventInfo ul li .bbsArticle,
.productDetail .eventInfo ul li .bbsArticle,
.productDetail .productInfo ul li .bbsArticle,
.productFeature .eventInfo ul li .bbsArticle,
.productFeature .productInfo ul li .bbsArticle {
    margin-top: 10px
}

.eventMain .eventInfo ul li p,
.productDetail .eventInfo ul li p,
.productDetail .productInfo ul li p,
.productFeature .eventInfo ul li p,
.productFeature .productInfo ul li p {
    display: inline-block;
    vertical-align: top
}

.eventMain .eventInfo ul li p.title,
.productDetail .eventInfo ul li p.title,
.productDetail .productInfo ul li p.title,
.productFeature .eventInfo ul li p.title,
.productFeature .productInfo ul li p.title {
    color: #2f96ee
}

.eventMain .eventInfo ul li p:before,
.productDetail .eventInfo ul li p:before,
.productDetail .productInfo ul li p:before,
.productFeature .eventInfo ul li p:before,
.productFeature .productInfo ul li p:before {
    position: relative;
    top: 2px;
    margin-right: 10px
}

.productDetail .productInfo ul li p.title:before,
.productFeature .productInfo ul li p.title:before {
    margin-right: 5px
}

.productFeature figure {
    width: 40%
}

.productFeature .productInfo {
    margin-left: 40%;
    padding-top: 0
}

.productFeature .productInfo ul li p.title {
    width: 110px;
    margin-left: 0;
    float: left
}

.productFeature .productInfo ul li div {
    margin-left: 110px
}

.productFeature .vYoutube {
    border-top: 1px dashed #ccc;
    margin-top: 40px;
    padding-top: 20px
}

.productFeature .vYoutube iframe {
    width: 800px;
    height: 450px;
    display: block;
    margin-bottom: 20px
}

.productFeature .vYoutube iframe.center {
    margin: 20px auto
}

.brandBanner,
.foodBanner,
.productBanner,
.videoBanner {
    position: relative;
    z-index: 22;
    top: 0;
    width: 100%;
    background-color: #000
}

.brandBanner .slidesArea,
.foodBanner .slidesArea,
.productBanner .slidesArea,
.videoBanner .slidesArea {
    width: 100%
}

.brandBanner .slidesArea iframe,
.foodBanner .slidesArea iframe,
.productBanner .slidesArea iframe,
.videoBanner .slidesArea iframe {
    width: 100%;
    height: 100%
}

.brandBanner .jssorb21,
.foodBanner .jssorb21,
.productBanner .jssorb21,
.videoBanner .jssorb21 {
    top: auto;
    bottom: 25px
}

.brandBanner .jssorb21 .av,
.brandBanner .jssorb21 div:hover,
.foodBanner .jssorb21 .av,
.foodBanner .jssorb21 div:hover,
.productBanner .jssorb21 .av,
.productBanner .jssorb21 div:hover,
.videoBanner .jssorb21 .av,
.videoBanner .jssorb21 div:hover {
    background-color: #2f96ee
}

.brandBanner .arrowArea,
.foodBanner .arrowArea,
.productBanner .arrowArea,
.videoBanner .arrowArea {
    position: relative;
    z-index: 30;
    top: 45%;
    width: 95%;
    margin: 0 auto
}

.brandBanner .arrowArea .jssora03l,
.brandBanner .arrowArea .jssora03r,
.foodBanner .arrowArea .jssora03l,
.foodBanner .arrowArea .jssora03r,
.productBanner .arrowArea .jssora03l,
.productBanner .arrowArea .jssora03r,
.videoBanner .arrowArea .jssora03l,
.videoBanner .arrowArea .jssora03r {
    color: #999
}

.videoBanner {
    padding-bottom: 40px
}

.productBanner {
    margin-bottom: 40px;
    vertical-align: top;
    background-color: #FFF
}

h1.foodH1 {
    margin-top: 100px;
    text-align: center
}

.aboutBanner,
.featureBanner,
.featureBannerMall,
.theaterBanner,
.themeBanner {
    position: relative;
    z-index: 15;
    width: 100%;
    min-height: 300px;
    overflow: hidden;
    line-height: 0
}

.aboutBanner .bannerLink,
.featureBanner .bannerLink,
.featureBannerMall .bannerLink,
.theaterBanner .bannerLink,
.themeBanner .bannerLink {
    position: absolute;
    z-index: 10;
    bottom: 0;
    right: 10%
}

.aboutBanner .bannerLink ul,
.featureBanner .bannerLink ul,
.featureBannerMall .bannerLink ul,
.theaterBanner .bannerLink ul,
.themeBanner .bannerLink ul {
    position: relative;
    padding-bottom: 40px;
    display: block;
    background-color: rgba(0, 0, 0, .7)
}

.aboutBanner .bannerLink ul:before,
.featureBanner .bannerLink ul:before,
.featureBannerMall .bannerLink ul:before,
.theaterBanner .bannerLink ul:before,
.themeBanner .bannerLink ul:before {
    position: absolute;
    width: 100%;
    top: -5px;
    height: 5px;
    line-height: 5px;
    background: url(../images/ticket_border.png) left top repeat-x;
    content: '.';
    display: block
}

.aboutBanner .bannerLink ul li,
.featureBanner .bannerLink ul li,
.featureBannerMall .bannerLink ul li,
.theaterBanner .bannerLink ul li,
.themeBanner .bannerLink ul li {
    border-bottom: 1px solid rgba(62, 62, 62, .7);
    font-size: 18px
}

.aboutBanner .bannerLink ul li a,
.featureBanner .bannerLink ul li a,
.featureBannerMall .bannerLink ul li a,
.theaterBanner .bannerLink ul li a,
.themeBanner .bannerLink ul li a {
    display: block;
    padding: 12px 18px;
    color: #FFF
}

.aboutBanner .bannerLink ul li a:before,
.featureBanner .bannerLink ul li a:before,
.featureBannerMall .bannerLink ul li a:before,
.theaterBanner .bannerLink ul li a:before,
.themeBanner .bannerLink ul li a:before {
    margin-right: 10px;
    font-size: 16px
}

.aboutBanner .bannerLink ul li a:visited,
.featureBanner .bannerLink ul li a:visited,
.featureBannerMall .bannerLink ul li a:visited,
.theaterBanner .bannerLink ul li a:visited,
.themeBanner .bannerLink ul li a:visited {
    color: #FFF
}

.aboutBanner .bannerLink ul li a:hover,
.featureBanner .bannerLink ul li a:hover,
.featureBannerMall .bannerLink ul li a:hover,
.theaterBanner .bannerLink ul li a:hover,
.themeBanner .bannerLink ul li a:hover {
    color: #fff79d;
    background-color: #000
}

.aboutBanner img,
.featureBanner img,
.featureBannerMall img,
.theaterBanner img,
.themeBanner img {
    position: absolute;
    z-index: 3;
    width: 100%;
    height: auto;
    -webkit-background-size: 105% auto;
    -o-background-size: 105% auto;
    background-size: 105% auto
}

.aboutBanner h1,
.featureBanner h1,
.featureBannerMall h1,
.theaterBanner h1,
.themeBanner h1 {
    position: absolute;
    z-index: 5;
    width: 100%;
    text-align: center;
    color: #FFF;
    top: 30%;
    text-shadow: 0 2px 2px #333
}

.aboutBanner h2,
.featureBanner h2,
.featureBannerMall h2,
.theaterBanner h2,
.themeBanner h2 {
    position: absolute;
    padding: 10px 0 5px 20px;
    z-index: 5;
    width: 100%;
    text-align: left;
    color: #FFF;
    bottom: 0;
    font-size: 26px;
    font-weight: 400;
    line-height: 1.2em;
    background: rgba(0, 0, 0, .5)
}

.contact,
.exchangeInfo {
    text-align: center
}

.theaterBanner .bannerLink ul li,
.theaterBanner h2 {
    line-height: 1.4em
}

.aboutBanner h2 span,
.featureBanner h2 span,
.featureBannerMall h2 span,
.theaterBanner h2 span,
.themeBanner h2 span {
    font-size: 16px;
    color: #fff79d;
    margin-left: 10px
}

.ishowBanner {
    position: relative;
    z-index: 15;
    width: 100%;
    overflow: hidden
}

.ishowBanner img {
    width: 100%;
    height: auto
}

.theaterBanner {
    overflow: hidden
}

.theaterBanner h2 {
    z-index: 11;
    padding: 8px 0
}

.theaterBanner h2 p {
    width: 1140px;
    margin: 0 auto
}

.theaterBanner img {
    width: 100%;
    height: auto
}

.theaterBanner .bannerLink {
    min-width: 180px;
    right: 8%
}

.featureBannerMall h1 {
    top: 35%
}

.featureBannerMall h3 {
    position: absolute;
    z-index: 5;
    width: 100%;
    text-align: center;
    top: 58%;
    color: #2f96ee
}

.aboutBanner,
.featureBannerMall,
.themeBanner {
    min-height: 100px
}

.aboutBanner img,
.featureBannerMall img,
.themeBanner img {
    position: relative
}

.icon-document {
    font-size: 1.5em
}

.icon-document:before {
    position: relative;
    top: 3px
}

.exchangeInfo p {
    margin-bottom: 30px
}

.exchangeInfo ol.exchangeList {
    display: inline-block;
    text-align: left;
    margin-bottom: 10px
}

.brandArea,
.foodbrandArea {
    position: relative;
    z-index: 10;
    width: 1140px;
    margin: 0 auto;
    padding-bottom: 0;
    vertical-align: top;
    min-height: 550px
}

.brandArea h2,
.foodbrandArea h2 {
    font-size: 26px;
    line-height: 41.6px;
    font-weight: 400;
    color: #2f96ee;
    margin: 20px 0 0 20px
}

.brandArea h2 span,
.foodbrandArea h2 span {
    color: #999;
    font-size: 16px;
    margin-left: 5px
}

.brandArea h2 span:before,
.foodbrandArea h2 span:before {
    content: " / "
}

.brandArea h2 span a,
.foodbrandArea h2 span a {
    margin-left: 5px
}

.brandArea .eventArea,
.foodbrandArea .eventArea {
    width: 52%;
    display: inline-block;
    vertical-align: top
}

.brandArea .eventArea h2,
.foodbrandArea .eventArea h2 {
    margin: 20px 0
}

.brandArea .eventArea ul.eventList,
.brandArea .eventArea ul.mallEventList,
.foodbrandArea .eventArea ul.eventList,
.foodbrandArea .eventArea ul.mallEventList {
    margin-top: 0;
    min-height: 400px
}

.brandArea .eventArea ul.eventList li,
.brandArea .eventArea ul.mallEventList li,
.foodbrandArea .eventArea ul.eventList li,
.foodbrandArea .eventArea ul.mallEventList li {
    width: 33.3%;
    margin-left: -6px
}

.brandArea .eventArea ul.eventList li:hover,
.brandArea .eventArea ul.mallEventList li:hover,
.foodbrandArea .eventArea ul.eventList li:hover,
.foodbrandArea .eventArea ul.mallEventList li:hover {
    background: 0 0
}

.brandArea .eventArea ul.eventList li figure,
.brandArea .eventArea ul.mallEventList li figure,
.foodbrandArea .eventArea ul.eventList li figure,
.foodbrandArea .eventArea ul.mallEventList li figure {
    position: relative;
    padding: 0;
    margin: 0 0 20px
}

.brandArea .eventArea ul.eventList li figure img,
.brandArea .eventArea ul.mallEventList li figure img,
.foodbrandArea .eventArea ul.eventList li figure img,
.foodbrandArea .eventArea ul.mallEventList li figure img {
    width: 100%;
    max-width: auto;
    height: auto
}

.brandArea .eventArea ul.eventList li .infoArea,
.brandArea .eventArea ul.mallEventList li .infoArea,
.foodbrandArea .eventArea ul.eventList li .infoArea,
.foodbrandArea .eventArea ul.mallEventList li .infoArea {
    margin: 0 10px 5px
}

.brandArea .eventArea ul.eventList li .infoArea h2,
.brandArea .eventArea ul.mallEventList li .infoArea h2,
.foodbrandArea .eventArea ul.eventList li .infoArea h2,
.foodbrandArea .eventArea ul.mallEventList li .infoArea h2 {
    margin: 0;
    text-align: left
}

.brandArea .movieArea,
.foodbrandArea .movieArea {
    width: 43%;
    margin-left: 4%;
    display: inline-block;
    vertical-align: top
}

.brandArea .movieArea .movieBanner,
.foodbrandArea .movieArea .movieBanner {
    position: relative;
    z-index: 22;
    top: 0;
    width: 100%;
    height: 300px;
    margin: 0 auto
}

.brandArea .movieArea .movieBanner .slidesArea,
.foodbrandArea .movieArea .movieBanner .slidesArea {
    position: relative;
    z-index: 15
}

.brandArea .movieArea .movieBanner .slidesArea div,
.foodbrandArea .movieArea .movieBanner .slidesArea div {
    z-index: 15;
    display: inline-block;
    vertical-align: top
}

.brandArea .movieArea .movieBanner .slidesArea div section.insideBTN,
.foodbrandArea .movieArea .movieBanner .slidesArea div section.insideBTN {
    display: none
}

.brandArea .movieArea .movieBanner .slidesArea div:active,
.foodbrandArea .movieArea .movieBanner .slidesArea div:active {
    background-color: #EAEAEA
}

.brandArea .movieArea .movieBanner .slidesArea div:active .iconArea a.theaterMark,
.foodbrandArea .movieArea .movieBanner .slidesArea div:active .iconArea a.theaterMark {
    color: #fff;
    background-color: #999
}

.brandArea .movieArea .movieBanner .slidesArea div:active .iconArea a.theaterMark:visited,
.foodbrandArea .movieArea .movieBanner .slidesArea div:active .iconArea a.theaterMark:visited {
    color: #fff
}

.brandArea .movieArea .movieBanner .slidesArea div:active .iconArea a.theaterMark:hover,
.foodbrandArea .movieArea .movieBanner .slidesArea div:active .iconArea a.theaterMark:hover {
    color: #fff;
    background-color: #2660a9
}

.brandArea .movieArea .movieBanner .slidesArea div figure,
.foodbrandArea .movieArea .movieBanner .slidesArea div figure {
    position: relative;
    overflow: hidden;
    padding: 1px;
    line-height: 0;
    background-color: #eaeaea;
    margin: 20px 20px 10px;
    display: block
}

.brandArea .movieArea .movieBanner .slidesArea div figure section.movieBTN,
.foodbrandArea .movieArea .movieBanner .slidesArea div figure section.movieBTN {
    position: absolute;
    z-index: 11;
    left: 0;
    right: 0;
    top: 100%;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .7);
    display: block
}

.brandArea .movieArea .movieBanner .slidesArea div figure section.movieBTN ul,
.foodbrandArea .movieArea .movieBanner .slidesArea div figure section.movieBTN ul {
    vertical-align: middle;
    text-align: center;
    margin-top: 45%
}

.brandArea .movieArea .movieBanner .slidesArea div figure section.movieBTN ul li,
.foodbrandArea .movieArea .movieBanner .slidesArea div figure section.movieBTN ul li {
    display: block;
    vertical-align: middle;
    text-align: center;
    margin: 20px 0
}

.brandArea .movieArea .movieBanner .slidesArea div figure section.movieBTN ul li a,
.foodbrandArea .movieArea .movieBanner .slidesArea div figure section.movieBTN ul li a {
    display: inline-block;
    padding: 10px 20px;
    line-height: 1.4em;
    background-color: #2660a9;
    color: #FFF
}

.brandArea .movieArea .movieBanner .slidesArea div figure section.movieBTN ul li a:visited,
.foodbrandArea .movieArea .movieBanner .slidesArea div figure section.movieBTN ul li a:visited {
    color: #FFF
}

.brandArea .movieArea .movieBanner .slidesArea div figure section.movieBTN ul li a:hover,
.foodbrandArea .movieArea .movieBanner .slidesArea div figure section.movieBTN ul li a:hover {
    background-color: #FFF;
    color: #333
}

.brandArea .movieArea .movieBanner .slidesArea div figure span,
.foodbrandArea .movieArea .movieBanner .slidesArea div figure span {
    position: absolute;
    z-index: 10;
    top: auto;
    left: 10px;
    bottom: 10px
}

.brandArea .movieArea .movieBanner .slidesArea div figure span.type,
.foodbrandArea .movieArea .movieBanner .slidesArea div figure span.type {
    top: -65px;
    left: -65px;
    bottom: auto;
    width: 120px;
    height: 120px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.brandArea .movieArea .movieBanner .slidesArea div figure span.type mark,
.foodbrandArea .movieArea .movieBanner .slidesArea div figure span.type mark {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 12px;
    display: block;
    background: 0 0;
    font-size: 14px;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
}

.brandArea .movieArea .movieBanner .slidesArea div figure span.needCheck,
.brandArea .movieArea .movieBanner .slidesArea div figure span.adult,
.brandArea .movieArea .movieBanner .slidesArea div figure span.bigchild,
.brandArea .movieArea .movieBanner .slidesArea div figure span.childview,
.brandArea .movieArea .movieBanner .slidesArea div figure span.general,
.brandArea .movieArea .movieBanner .slidesArea div figure span.hot,
.brandArea .movieArea .movieBanner .slidesArea div figure span.pg,
.brandArea .movieArea .movieBanner .slidesArea div figure span.teenager,
.foodbrandArea .movieArea .movieBanner .slidesArea div figure span.needCheck,
.foodbrandArea .movieArea .movieBanner .slidesArea div figure span.bigchild,
.foodbrandArea .movieArea .movieBanner .slidesArea div figure span.childview,
.foodbrandArea .movieArea .movieBanner .slidesArea div figure span.general,
.foodbrandArea .movieArea .movieBanner .slidesArea div figure span.hot,
.foodbrandArea .movieArea .movieBanner .slidesArea div figure span.pg,
.foodbrandArea .movieArea .movieBanner .slidesArea div figure span.teenager {
    left: 1px;
    bottom: 6px;
    font-size: 14px;
    padding: 6px 3px 10px
}

.brandArea .movieArea .movieBanner .slidesArea div figure span.needCheck mark:before,
.brandArea .movieArea .movieBanner .slidesArea div figure span.adult mark:before,
.brandArea .movieArea .movieBanner .slidesArea div figure span.bigchild mark:before,
.brandArea .movieArea .movieBanner .slidesArea div figure span.childview mark:before,
.brandArea .movieArea .movieBanner .slidesArea div figure span.general mark:before,
.brandArea .movieArea .movieBanner .slidesArea div figure span.hot mark:before,
.brandArea .movieArea .movieBanner .slidesArea div figure span.pg mark:before,
.brandArea .movieArea .movieBanner .slidesArea div figure span.teenager mark:before,
.foodbrandArea .movieArea .movieBanner .slidesArea div figure span.needCheck mark:before,
.foodbrandArea .movieArea .movieBanner .slidesArea div figure span.adult mark:before,
.foodbrandArea .movieArea .movieBanner .slidesArea div figure span.bigchild mark:before,
.foodbrandArea .movieArea .movieBanner .slidesArea div figure span.childview mark:before,
.foodbrandArea .movieArea .movieBanner .slidesArea div figure span.general mark:before,
.foodbrandArea .movieArea .movieBanner .slidesArea div figure span.hot mark:before,
.foodbrandArea .movieArea .movieBanner .slidesArea div figure span.pg mark:before,
.foodbrandArea .movieArea .movieBanner .slidesArea div figure span.teenager mark:before {
    margin-left: 0
}

.brandArea .movieArea .movieBanner .slidesArea div figure a,
.foodbrandArea .movieArea .movieBanner .slidesArea div figure a {
    line-height: 0
}

.brandArea .movieArea .movieBanner .slidesArea div figure a img,
.foodbrandArea .movieArea .movieBanner .slidesArea div figure a img {
    width: 100%
}

.brandArea .movieArea .movieBanner .slidesArea div .iconArea,
.foodbrandArea .movieArea .movieBanner .slidesArea div .iconArea {
    min-height: 20px
}

.brandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
.foodbrandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover {
    background: #FFF;
    color: #999;
    border-color: #999;
    cursor: default
}

.brandArea .movieArea .movieBanner .slidesArea div .infoArea,
.foodbrandArea .movieArea .movieBanner .slidesArea div .infoArea {
    margin: 0 20px 20px
}

.brandArea .movieArea .movieBanner .slidesArea div .infoArea h2,
.foodbrandArea .movieArea .movieBanner .slidesArea div .infoArea h2 {
    font-size: 18px;
    line-height: 1.3em;
    margin: 0 0 10px;
    font-weight: 400
}

.brandArea .movieArea .movieBanner .slidesArea div .infoArea h3,
.foodbrandArea .movieArea .movieBanner .slidesArea div .infoArea h3 {
    font-size: 14px;
    color: #2f96ee;
    font-weight: 400;
    font-family: Arial;
    line-height: 1.2em;
    margin-bottom: 10px
}

.brandArea .movieArea .movieBanner .slidesArea div .infoArea time,
.foodbrandArea .movieArea .movieBanner .slidesArea div .infoArea time {
    color: #999;
    font-size: 14px
}

.brandArea .movieArea .movieBanner .jssorb21,
.foodbrandArea .movieArea .movieBanner .jssorb21 {
    top: auto;
    bottom: 25px
}

.brandArea .movieArea .movieBanner .jssorb21 .av,
.brandArea .movieArea .movieBanner .jssorb21 div:hover,
.foodbrandArea .movieArea .movieBanner .jssorb21 .av,
.foodbrandArea .movieArea .movieBanner .jssorb21 div:hover {
    background-color: #2f96ee
}

.brandArea .movieArea .movieBanner .arrowArea,
.foodbrandArea .movieArea .movieBanner .arrowArea {
    position: relative;
    z-index: 20;
    top: 50%;
    width: 105%;
    left: -2%;
    margin: 0 auto
}

.brandArea .movieArea .movieBanner .arrowArea .jssora03l,
.brandArea .movieArea .movieBanner .arrowArea .jssora03r,
.foodbrandArea .movieArea .movieBanner .arrowArea .jssora03l,
.foodbrandArea .movieArea .movieBanner .arrowArea .jssora03r {
    color: #ccc;
    font-size: 2em
}

.brandArea .movieArea .liveLive .slidesArea div section.insideBTN ul li a,
.foodbrandArea .movieArea .liveLive .slidesArea div section.insideBTN ul li a {
    color: #fff;
    background-color: #999
}

.brandArea .movieArea .liveLive .slidesArea div section.insideBTN ul li a:visited,
.foodbrandArea .movieArea .liveLive .slidesArea div section.insideBTN ul li a:visited {
    color: #fff
}

.brandArea .movieArea .liveLive .slidesArea div section.insideBTN ul li a:hover,
.foodbrandArea .movieArea .liveLive .slidesArea div section.insideBTN ul li a:hover {
    color: #fff;
    background-color: #2660a9
}

.productAdArea {
    width: 100%;
    display: inline-block;
    vertical-align: top
}

.productAdArea .productBanner {
    position: relative;
    z-index: 22;
    top: 0;
    width: 100%;
    margin: 0 auto;
    background-color: #FFF
}

.productAdArea .productBanner .slidesArea {
    position: relative;
    z-index: 15
}

.productAdArea .productBanner .slidesArea div {
    z-index: 15;
    display: inline-block;
    vertical-align: top
}

.productAdArea .productBanner .slidesArea div section.insideBTN {
    display: none
}

.productAdArea .productBanner .slidesArea div figure {
    position: relative;
    line-height: 0;
    overflow: hidden;
    padding: 1px;
    background-color: #eaeaea;
    margin: 20px;
    display: block
}

.productAdArea .productBanner .slidesArea div figure section.movieBTN {
    position: absolute;
    z-index: 11;
    left: 0;
    right: 0;
    top: 100%;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .7);
    display: block
}

.productAdArea .productBanner .slidesArea div figure section.movieBTN ul {
    vertical-align: middle;
    text-align: center;
    margin-top: 25%
}

.productAdArea .productBanner .slidesArea div figure section.movieBTN ul li {
    display: block;
    vertical-align: middle;
    text-align: center;
    margin: 20px 0
}

.productAdArea .productBanner .slidesArea div figure section.movieBTN ul li a {
    display: inline-block;
    padding: 10px 30px;
    line-height: 1.4em;
    background-color: #999;
    color: #FFF
}

.productAdArea .productBanner .slidesArea div figure section.movieBTN ul li a:visited {
    color: #FFF
}

.productAdArea .productBanner .slidesArea div figure section.movieBTN ul li a:hover {
    background-color: #2f96ee;
    color: #fff
}

.productAdArea .productBanner .slidesArea div figure span {
    position: absolute;
    z-index: 10;
    top: auto;
    left: 10px;
    bottom: 10px
}

.productAdArea .productBanner .slidesArea div figure span.type {
    top: -65px;
    left: -65px;
    bottom: auto;
    width: 120px;
    height: 120px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.productAdArea .productBanner .slidesArea div figure span.type mark {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 12px;
    display: block;
    background: 0 0;
    font-size: 14px;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
}

.productAdArea .productBanner .slidesArea div figure a {
    line-height: 0
}

.productAdArea .productBanner .slidesArea div figure a img {
    max-width: 100%
}

.productAdArea .productBanner .slidesArea div .infoArea {
    margin: 0 20px 20px
}

.productAdArea .productBanner .slidesArea div .infoArea h2 {
    font-size: 18px;
    line-height: 1.2em;
    margin: 0 0 10px;
    font-weight: 400
}

.productAdArea .productBanner .slidesArea div .infoArea h3 {
    font-size: 14px;
    color: #2f96ee;
    font-weight: 400;
    font-family: Arial;
    line-height: 1.2em;
    margin-bottom: 10px
}

.productAdArea .productBanner .slidesArea div .infoArea time {
    color: #999;
    font-size: 14px
}

.productAdArea .productBanner .jssorb21 {
    top: auto;
    bottom: 25px
}

.productAdArea .productBanner .jssorb21 .av,
.productAdArea .productBanner .jssorb21 div:hover {
    background-color: #2f96ee
}

.productAdArea .productBanner .arrowArea {
    position: relative;
    z-index: 10;
    width: 104%;
    left: -2%;
    margin: 0 auto
}

.productAdArea .productBanner .arrowArea .jssora03l,
.productAdArea .productBanner .arrowArea .jssora03r {
    color: #999
}


/*2017.07.31 add*/

ul.productAdList:after {
    content: ' ';
    display: block;
    clear: both;
    float: none;
}

ul.productAdList li {
    z-index: 15;
    display: inline-block;
    vertical-align: top;
    float: left;
    width: 50%;
    margin-bottom: 40px;
}

ul.productAdList li section.insideBTN {
    display: none;
}

ul.productAdList li figure {
    position: relative;
    line-height: 0;
    overflow: hidden;
    padding: 1px;
    background-color: #eaeaea;
    margin: 20px;
    display: block;
}

ul.productAdList li figure section.movieBTN {
    position: absolute;
    z-index: 11;
    left: 0;
    right: 0;
    top: 100%;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    display: block;
}

ul.productAdList li figure section.movieBTN ul {
    vertical-align: middle;
    text-align: center;
    margin-top: 25%;
}

ul.productAdList li figure section.movieBTN ul li {
    display: block;
    vertical-align: middle;
    text-align: center;
    margin: 20px 0;
}

ul.productAdList li figure section.movieBTN ul li a {
    display: inline-block;
    padding: 10px 30px;
    line-height: 1.4em;
    background-color: #999;
    color: #FFF;
}

ul.productAdList li figure section.movieBTN ul li a:visited {
    color: #FFF;
}

ul.productAdList li figure section.movieBTN ul li a:hover {
    background-color: #2f96ee;
    color: #fff;
}

ul.productAdList li figure span {
    position: absolute;
    z-index: 10;
    top: auto;
    left: 10px;
    bottom: 10px;
}

ul.productAdList li figure span.type {
    top: -65px;
    left: -65px;
    bottom: auto;
    width: 120px;
    height: 120px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

ul.productAdList li figure span.type mark {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 12px;
    display: block;
    background: none;
    font-size: 14px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

ul.productAdList li figure a {
    line-height: 0;
}

ul.productAdList li figure a img {
    max-width: 100%;
}

ul.productAdList li .infoArea {
    margin: 0 20px 20px 20px;
}

ul.productAdList li .infoArea h2 {
    font-size: 18px;
    line-height: 1.2em;
    margin: 0 0 10px 0;
    font-weight: normal;
}

ul.productAdList li .infoArea h3 {
    font-size: 14px;
    color: #2f96ee;
    font-weight: normal;
    font-family: 'Arial';
    line-height: 1.2em;
    margin-bottom: 10px;
}

ul.productAdList li .infoArea h4 span {
    font-size: 14px;
    color: #666;
    text-decoration: line-through;
}

ul.productAdList li .infoArea h4 span+mark {
    margin-left: 5px;
}

ul.productAdList li .infoArea h4 mark {
    font-size: 18px;
    background: none;
    color: #F20101;
}

ul.productAdList li .infoArea time {
    color: #999;
    font-size: 14px;
}

h2.productType {
    position: relative;
    margin: 20px 0 20px 20px;
    /*2017.08.11 Add*/
    color: #2f96ee;
    font-size: 20px;
}

h2.productType:before {
    position: absolute;
    left: -20px;
    font-family: vscinemas;
    content: "j"
}

ul.typePoint {
    position: relative;
    z-index: 30;
    text-align: center;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 10px;
    margin-bottom: 20px
}

ul.typePoint.mT {
    margin-top: 20px
}

ul.typePoint li {
    margin: 0 5px 10px;
    display: inline-block
}

ul.typePoint li.press a {
    opacity: 1;
    box-shadow: 0 2px 5px 0 #555
}

ul.typePoint li a {
    padding: 8px 20px;
    display: block;
    background-color: #999;
    color: #FFF;
    opacity: .6
}

ul.typePoint li a:visited {
    opacity: .7
}

ul.typePoint li a:hover {
    opacity: 1;
    cursor: pointer
}

.brandAbout,
.foodAbout {
    width: 100%;
    position: relative;
    z-index: 10;
    min-height: 350px;
    background-color: #000;
    -webkit-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
    background-repeat: no-repeat;
    overflow: hidden
}

.brandAbout ul.whereList,
.foodAbout ul.whereList {
    position: relative;
    z-index: 5;
    width: 60%;
    margin: 0 auto;
    padding: 15px 15px 120px 30px;
    text-align: center;
    background: 0 0
}

.brandAbout h1,
.foodAbout h1 {
    position: relative;
    z-index: 5;
    color: #fff79d
}

.brandAbout figure,
.foodAbout figure {
    position: relative;
    z-index: 5;
    padding: 120px 0 20px;
    width: 100%;
    margin: 0 auto;
    text-align: center
}

.brandAbout figure img,
.foodAbout figure img {
    max-height: 100px
}

.brandAbout figure figcaption,
.foodAbout figure figcaption {
    width: 60%;
    margin: 0 auto;
    color: #FFF
}

.brandAbout img.bgPic,
.foodAbout img.bgPic {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 105%;
    max-height: auto;
    height: auto
}

.foodbrandArea {
    min-height: 390px
}

.foodbrandArea .arrowArea {
    width: 105%;
    left: -2.5%;
    top: 35%
}

.foodbrandArea .productArea {
    width: 100%;
    vertical-align: top
}

.foodbrandArea .productArea .productBanner {
    position: relative;
    z-index: 22;
    top: 0;
    width: 100%;
    margin: 0 auto
}

.foodbrandArea .productArea .productBanner .slidesArea {
    position: relative;
    z-index: 15
}

.foodbrandArea .productArea .productBanner .slidesArea div {
    z-index: 15;
    display: inline-block;
    vertical-align: top
}

.foodbrandArea .productArea .productBanner .slidesArea div section.insideBTN {
    display: none
}

.foodbrandArea .productArea .productBanner .slidesArea div:active,
.foodbrandArea .productArea .productBanner .slidesArea div:hover {
    background-color: #EAEAEA
}

.foodbrandArea .productArea .productBanner .slidesArea div:active .iconArea a.theaterMark,
.foodbrandArea .productArea .productBanner .slidesArea div:hover .iconArea a.theaterMark {
    color: #fff;
    background-color: #999
}

.foodbrandArea .productArea .productBanner .slidesArea div:active .iconArea a.theaterMark:visited,
.foodbrandArea .productArea .productBanner .slidesArea div:hover .iconArea a.theaterMark:visited {
    color: #fff
}

.foodbrandArea .productArea .productBanner .slidesArea div:active .iconArea a.theaterMark:hover,
.foodbrandArea .productArea .productBanner .slidesArea div:hover .iconArea a.theaterMark:hover {
    color: #fff;
    background-color: #2660a9
}

.foodbrandArea .productArea .productBanner .slidesArea div figure {
    position: relative;
    line-height: 0;
    overflow: hidden;
    padding: 0;
    background-color: #eaeaea;
    margin: 20px;
    display: block;
    border: 1px solid #eaeaea
}

.foodbrandArea .productArea .productBanner .slidesArea div figure section.movieBTN {
    position: absolute;
    z-index: 11;
    left: 0;
    right: 0;
    top: 100%;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .7);
    display: block
}

.foodbrandArea .productArea .productBanner .slidesArea div figure section.movieBTN ul {
    vertical-align: middle;
    text-align: center;
    margin-top: 35%
}

.foodbrandArea .productArea .productBanner .slidesArea div figure section.movieBTN ul li {
    display: block;
    vertical-align: middle;
    text-align: center;
    margin: 20px 0
}

.foodbrandArea .productArea .productBanner .slidesArea div figure section.movieBTN ul li a {
    display: inline-block;
    padding: 10px 20px;
    line-height: 1.4em;
    background-color: #666;
    color: #FFF
}

.foodbrandArea .productArea .productBanner .slidesArea div figure section.movieBTN ul li a:visited {
    color: #FFF;
    background-color: #666
}

.foodbrandArea .productArea .productBanner .slidesArea div figure section.movieBTN ul li a:hover {
    background-color: #FFF;
    color: #333
}

.foodbrandArea .productArea .productBanner .slidesArea div figure span {
    position: absolute;
    z-index: 10;
    top: auto;
    left: 10px;
    bottom: 10px
}

.foodbrandArea .productArea .productBanner .slidesArea div figure span.type {
    top: -65px;
    left: -65px;
    bottom: auto;
    width: 120px;
    height: 120px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.foodbrandArea .productArea .productBanner .slidesArea div figure span.type mark {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 12px;
    display: block;
    background: 0 0;
    font-size: 14px;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
}

ul.theaterInfoList li figure a:before,
ul.theaterList li figure a:before {
    background-color: rgba(0, 0, 0, .7);
    content: "0"
}

.foodbrandArea .productArea .productBanner .slidesArea div figure span.needCheck,
.foodbrandArea .productArea .productBanner .slidesArea div figure span.adult,
.foodbrandArea .productArea .productBanner .slidesArea div figure span.bigchild,
.foodbrandArea .productArea .productBanner .slidesArea div figure span.childview,
.foodbrandArea .productArea .productBanner .slidesArea div figure span.general,
.foodbrandArea .productArea .productBanner .slidesArea div figure span.hot,
.foodbrandArea .productArea .productBanner .slidesArea div figure span.pg,
.foodbrandArea .productArea .productBanner .slidesArea div figure span.teenager {
    left: -4px;
    bottom: 6px;
    font-size: 14px;
    padding: 6px 3px 10px
}

.foodbrandArea .productArea .productBanner .slidesArea div figure span.needCheck mark:before,
.foodbrandArea .productArea .productBanner .slidesArea div figure span.adult mark:before,
.foodbrandArea .productArea .productBanner .slidesArea div figure span.bigchild mark:before,
.foodbrandArea .productArea .productBanner .slidesArea div figure span.childview mark:before,
.foodbrandArea .productArea .productBanner .slidesArea div figure span.general mark:before,
.foodbrandArea .productArea .productBanner .slidesArea div figure span.hot mark:before,
.foodbrandArea .productArea .productBanner .slidesArea div figure span.pg mark:before,
.foodbrandArea .productArea .productBanner .slidesArea div figure span.teenager mark:before {
    margin-left: 0
}

.foodbrandArea .productArea .productBanner .slidesArea div figure a {
    line-height: 0
}

.foodbrandArea .productArea .productBanner .slidesArea div figure a img {
    width: 100%
}

.foodbrandArea .productArea .productBanner .slidesArea div .infoArea {
    margin: 0 20px 20px
}

.foodbrandArea .productArea .productBanner .slidesArea div .infoArea h2 {
    font-size: 18px;
    line-height: 1.4em;
    margin: 0 0 10px;
    font-weight: 400
}

.foodbrandArea .productArea .productBanner .slidesArea div .infoArea h3 {
    font-size: 14px;
    color: #2f96ee;
    font-weight: 400;
    font-family: Arial;
    line-height: 1.2em;
    margin-bottom: 10px
}

.foodbrandArea .productArea .productBanner .slidesArea div .infoArea time {
    color: #999;
    font-size: 14px
}

ul.theaterList li {
    min-height: 200px;
    vertical-align: top
}

ul.theaterList li figure {
    position: absolute;
    left: 0;
    width: 250px;
    height: 150px;
    overflow: hidden
}

ul.theaterList li figure a {
    position: relative;
    display: block
}

ul.theaterList li figure img {
    width: 103%
}

ul.theaterList li figure a img {
    width: 103%
}

ul.theaterList li figure a:before {
    position: absolute;
    width: 100%;
    height: 100%;
    line-height: 150px;
    font-size: 3em;
    color: #FFF;
    display: block;
    text-align: center;
    vertical-align: middle;
    font-family: vscinemas;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

ul.theaterList li figure a:hover:before {
    opacity: 1
}

ul.theaterList li .infoArea {
    margin: 0 0 0 270px;
    padding-top: 10px
}

ul.theaterList li .infoArea h2 {
    font-size: 21.6px;
    line-height: 1.2em;
    margin-bottom: 10px
}

ul.theaterList li .infoArea h3 {
    font-size: 14px;
    color: #2f96ee;
    font-weight: 400;
    font-family: Arial;
    line-height: 1.2em;
    margin-bottom: 10px
}

ul.theaterList li .infoArea time {
    color: #999;
    font-size: 14px
}

ul.theaterList li .iconArea {
    margin: 0 20px 15px -5px;
    min-height: 20px
}

ul.theaterInfoList {
    margin-left: 6px
}

ul.theaterInfoList li {
    position: relative;
    display: inline-block;
    width: 50%;
    min-height: 200px;
    margin-left: -6px;
    vertical-align: top
}

ul.theaterInfoList li figure {
    position: absolute;
    left: 0;
    width: 250px;
    height: 150px;
    overflow: hidden
}

ul.theaterInfoList li figure img {
    width: 100%
}

ul.theaterInfoList li figure a:before {
    position: absolute;
    width: 100%;
    height: 100%;
    line-height: 150px;
    font-size: 3em;
    color: #FFF;
    display: block;
    text-align: center;
    vertical-align: middle;
    font-family: vscinemas;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

ul.b4dxList li.press a,
ul.theaterInfoList li figure a:hover:before {
    opacity: 1
}

ul.theaterInfoList li .infoArea {
    margin: 0 0 0 270px;
    padding: 10px 20px 0 0
}

ul.theaterInfoList li .infoArea h2 {
    font-size: 21.6px;
    line-height: 1.2em;
    margin-bottom: 10px
}

ul.theaterInfoList li .infoArea h3 {
    font-size: 14px;
    color: #2f96ee;
    font-weight: 400;
    font-family: Arial;
    line-height: 1.2em;
    margin-bottom: 10px
}

ul.theaterInfoList li .infoArea p {
    position: relative;
    margin-left: 25px;
    line-height: 1.4em;
    margin-bottom: 5px
}

ul.theaterInfoList li .infoArea p:before {
    position: absolute;
    top: 2px;
    left: -25px
}

.listHistory {
    display: inline-block;
    width: 43%;
    vertical-align: top;
    margin-left: 7%;
    margin-bottom: 20px
}

.listHistory h2 {
    font-size: 26px;
    line-height: 41.6px;
    font-weight: 400;
    color: #2f96ee;
    margin: 20px 0 23px
}

.listHistory h2 span {
    color: #999;
    font-size: 16px;
    margin-left: 5px
}

.listHistory h2 span:before {
    content: " / "
}

.listHistory h2 span a {
    margin-left: 5px
}

.listHistory ul li {
    margin: 0 0 20px
}

.listHistory ul li time {
    position: absolute;
    font-size: 14px;
    color: #FFF;
    background-color: #2f96ee;
    padding: 2px 10px;
    margin-right: 10px
}

.listHistory ul li p {
    display: inline-block;
    margin-left: 105px;
    margin-top: 2px;
    line-height: 1.4em
}

ul.liveHistory {
    display: inline-block;
    margin: 40px auto;
    text-align: left
}

ul.liveHistory li {
    margin: 0;
    padding: 0;
    border: 0
}

ul.liveHistory li span {
    color: #2f96ee;
    margin-left: 10px;
    font-size: .9em
}

ul.liveHistory li time {
    position: relative;
    top: -10px;
    background-color: #2f96ee;
    color: #FFF;
    border: 1px solid #2f96ee;
    padding: 0 0 0 10px
}

ul.liveHistory li time span {
    background-color: #FFF;
    color: #2f96ee;
    padding: 0 10px;
    display: inline-block
}

ul.liveHistory li time span.circle {
    position: absolute;
    width: 10px;
    height: 10px;
    display: block;
    top: 4px;
    right: -30px;
    background-color: #fff;
    border: 3px solid #2f96ee;
    padding: 0;
    -webkit-border-radius: 8px;
    border-radius: 8px
}

ul.liveHistory li p {
    margin: -28px 0 0 135px;
    padding: 40px 10px 30px 15px;
    border-left: 3px solid #2f96ee;
    color: #000;
    font-weight: 700
}

ul.liveHistory li p time {
    top: 0;
    background: 0 0;
    color: #999;
    display: block;
    border: 0;
    padding: 0;
    font-weight: 400
}

/*2017.07.31 add*/

ul.awardHistory {
    display: inline-block;
    margin: 40px auto;
    text-align: left;
}

ul.awardHistory li {
    position: relative;
}

ul.awardHistory li a {
    position: relative;
    display: inline-block;
    margin: 2px 0 0 110px;
}

ul.awardHistory li a span {
    top: 5px;
    display: inline-block;
    color: #2f96ee;
    margin-left: 10px;
    font-size: 0.9em;
}

ul.awardHistory li time {
    position: relative;
    top: -10px;
    left: 0;
    font-size: 14px;
    color: #FFF;
    background-color: #2f96ee;
    border: 1px solid #2f96ee;
    padding: 0 0 0 10px;
    margin-right: 10px;
    display: inline-block;
}

ul.awardHistory li time:before {
    content: "";
    margin: 0;
}

ul.awardHistory li time span {
    background-color: #FFF;
    color: #2f96ee;
    padding: 0 10px;
    display: inline-block;
    margin-left: 10px;
}

ul.awardHistory li time span.circle {
    position: absolute;
    width: 10px;
    height: 10px;
    display: block;
    top: 4px;
    right: -27px;
    background-color: #fff;
    border: 3px solid #2f96ee;
    padding: 0;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

ul.awardHistory li p {
    margin: -28px 0 0 135px;
    padding: 40px 10px 30px 15px;
    border-left: 3px solid #2f96ee;
    color: #2f96ee;
    font-weight: bold;
    font-size: 18px;
}

ul.awardHistory li p:after {
    content: '';
    clear: both;
    float: none;
    display: block;
}

ul.awardHistory li p span.imgArea {
    display: inline-block;
    width: 100px;
    height: 100px;
    float: right;
}

ul.awardHistory li p span.imgArea a {
    display: block;
    margin: 0;
}

ul.awardHistory li p span.imgArea a img {
    width: 100%;
    height: auto;
}

ul.awardHistory li p time {
    top: 0;
    background: none;
    color: #999;
    display: block;
    border: 0;
    padding: 0;
    font-weight: normal;
    font-size: 14px;
}

ul.awardHistory li p mark {
    background: none;
    display: block;
    font-size: 16px;
    color: #666;
    margin: 10px 0;
}

.bbsArticle ul.qaList li .qaTitle.press,
.bbsArticle ul.qaList li .qaTitle:hover,
.bbsArticle ul.qaList li.press .qaTitle {
    color: #2f96ee
}

.articleBrand,
.articleContent {
    width: 900px;
    min-height: 420px
}

.articleBrand .bbsArticle,
.articleContent .bbsArticle {
    margin: 20px auto 0
}

.articleBrand .bbsArticle .floatRight,
.articleContent .bbsArticle .floatRight {
    margin-left: 20px
}

.articleBrand .bbsArticle form .btnArea,
.articleContent .bbsArticle form .btnArea {
    border-top: 1px dashed #ccc;
    padding-top: 30px
}

.articleBrand .bbsArticle ol,
.articleContent .bbsArticle ol {
    margin-left: 0;
    margin-bottom: 20px
}

.articleBrand .bbsArticle ul,
.articleContent .bbsArticle ul {
    margin: 20px 0 20px 20px
}

.articleBrand .bbsArticle ul p,
.articleContent .bbsArticle ul p {
    margin-bottom: 10px
}

.articleBrand .bbsArticle iframe,
.articleContent .bbsArticle iframe {
    width: 800px;
    height: 450px;
    display: block;
    margin-bottom: 20px
}

.articleBrand .bbsArticle iframe.center,
.articleContent .bbsArticle iframe.center {
    margin: 20px auto
}

.articleBrand .bbsArticle .icon-bubble,
.articleBrand .bbsArticle .icon-question,
.articleContent .bbsArticle .icon-bubble,
.articleContent .bbsArticle .icon-question {
    padding-left: 30px;
    position: relative
}

.articleBrand .bbsArticle .icon-bubble:before,
.articleBrand .bbsArticle .icon-question:before,
.articleContent .bbsArticle .icon-bubble:before,
.articleContent .bbsArticle .icon-question:before {
    position: absolute;
    top: 6px;
    left: 0
}

.articleBrand section.insideBTN,
.articleContent section.insideBTN,
.articleList section.insideBTN {
    display: none
}

.articleContent {
    position: relative;
    z-index: 20
}

.articleContent iframe {
    width: 100%
}

.articleContent .bbsArticle {
    position: relative;
    z-index: 5
}

.articleContent .bbsArticle .imagePhone {
    position: relative;
    display: none;
    width: 100%
}

.articleContent .bbsArticle .imagePhone img {
    width: 100%;
    border: 1px solid #CCC;
    margin: 0;
    line-height: 0
}

.articleContent .bbsArticle .imagePhone a {
    line-height: 0
}

.articleContent .bbsArticle .imagePhone a img.pngBtnL,
.articleContent .bbsArticle .imagePhone a img.pngBtnR {
    position: absolute;
    right: 2.5%;
    bottom: 2.2%;
    width: 26%;
    border: 0 solid #CCC;
    margin: 0;
    line-height: 0
}

.articleContent .bbsArticle .imagePhone a img.pngBtnL {
    right: 34.5%
}

.articleContent .bbsArticle h1.recruitTitle {
    margin-top: 40px;
    line-height: 2.5em;
    border-top: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc;
    text-align: center
}

.articleContent .clause {
    border: 1px solid #ccc;
    padding: 20px;
    font-size: 14px;
    max-height: 400px;
    overflow-y: scroll
}

.articleContent .rightsImg {
    position: absolute;
    z-index: 3;
    bottom: 0;
    right: 0
}

.articleIshow {
    position: relative;
    z-index: 10;
    width: 900px;
    margin: 20px auto 40px;
    padding: 10px 40px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    background-color: #FFF
}

.bbsArticle ul.qaList {
    margin: 20px 0
}

.bbsArticle ul.qaList li {
    list-style: none;
    margin-bottom: 20px
}

.bbsArticle ul.qaList li .qaTitle {
    position: relative;
    margin-left: 35px;
    font-size: 1.4em;
    line-height: 1.3em;
    display: inline-block;
    cursor: pointer
}

.bbsArticle ul.qaList li .qaTitle:before {
    position: absolute;
    left: -35px;
    top: 0;
    font-family: vscinemas;
    content: "x"
}

.bbsArticle ul.formList li ol li:before,
.bbsArticle ul.formList li.noBefore:before {
    content: none
}

.bbsArticle ul.qaList li .qaAns {
    display: none;
    margin: 10px 0 40px
}

.bbsArticle ul.qaList li .qaAns p iframe{
    width:  100%;
}

.bbsArticle ul.qaList li .qaAns table {
    width: auto
}

.bbsArticle ul.qaList li .qaAns table tr td {
    min-width: 100px;
    text-align: center
}

.bbsArticle ul.qaList li .qaAns table tr td:first-child {
    text-align: left
}

.bbsArticle ul.qaList li .qaAns ul {
    margin: 20px
}

.bbsArticle ul.qaList li .qaAns ul li {
    margin-bottom: 10px;
    padding-left: 0;
    list-style-position: outside;
    list-style-type: disc;
    border: 0
}

.bbsArticle ul.qaList li .qaAns ol {
    margin-left: 20px;
    padding-top: 5px
}

.bbsArticle ul.qaList li .qaAns ol li {
    margin-bottom: 10px;
    margin-left: 20px;
    list-style-position: outside;
    list-style-type: decimal
}

.bbsArticle ul.qaList li .qaAns ol li ul li {
    list-style-type: disc
}

ul.mallList li {
    width: 25%;
    min-height: 280px
}

.brandArea .movieArea .movieBanner .slidesArea div ul.mallList li:hover .iconArea a.theaterMark:hover,
.foodbrandArea .movieArea .movieBanner .slidesArea div ul.mallList li:hover .iconArea a.theaterMark:hover,
ul.mallList li:hover .brandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.mallList li:hover .foodbrandArea .movieArea .movieBanner .slidesArea div .iconArea a.theaterMark:hover,
ul.mallList li:hover .iconArea a.theaterMark:hover {
    background-color: #999;
    border: 1px solid #999;
    cursor: default
}

ul.mallList .iconArea {
    min-height: 10px
}

ul.b4dxList {
    position: relative;
    height: 540px
}

.articleBrand .bbsArticle ul.b4dxList,
.articleContent .bbsArticle ul.b4dxList {
    margin: 20px 0
}

ul.b4dxList li {
    display: inline-block;
    margin-right: 10px
}

ul.b4dxList li a {
    position: relative;
    background-color: #CA0000;
    width: 50px;
    height: 50px;
    line-height: 50px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: block;
    opacity: .7;
    cursor: pointer
}

ul.b4dxList li a:visitd {
    cursor: pointer
}

ul.b4dxList li a:hover {
    opacity: 1
}

ul.b4dxList li a:before {
    position: absolute;
    width: 100%;
    color: #FFF;
    line-height: 50px;
    text-align: center;
    font-size: 2em
}

ul.b4dxList li:first-child section {
    display: block
}

ul.b4dxList li section {
    position: absolute;
    left: 0;
    display: none
}

.mallArea figure {
    width: 300px;
    position: absolute;
    top: -200px;
    right: 0
}

.mallArea figure img {
    position: relative;
    right: 20px;
    max-width: 100%;
    border: 10px solid #eaeaea;
    margin: 20px 0
}

.mallArea figure select {
    float: right
}

.mallArea .mallInfo {
    font-size: 18px;
    padding-bottom: 20px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #ccc
}

.mallArea .mallInfo h1 {
    margin: 0;
    color: #333
}

.mallArea .mallInfo h2 {
    color: #2f96ee;
    margin-bottom: 20px
}

.mallArea .mallInfo ul li {
    position: relative;
    margin-left: 25px;
    margin-bottom: 5px
}

.mallArea .mallInfo ul li a {
    display: inline-block
}

.mallArea .mallInfo ul li span {
    color: #2f96ee
}

.mallArea .mallInfo ul li span:before {
    position: absolute;
    top: 2px;
    left: -25px
}

ul.formList .btnArea {
    border-bottom: 1px dotted #ccc;
    padding-bottom: 40px
}

.bbsArticle ul.formList {
    margin: 20px 0
}

.bbsArticle ul.formList li {
    position: relative;
    list-style: none;
    margin: 0 0 0 20px
}

.bbsArticle ul.formList li input,
.bbsArticle ul.formList li select {
    margin-bottom: 10px
}

.bbsArticle ul.formList li .icon-calendar:before {
    margin-right: 5px
}

.bbsArticle ul.formList li.longWord .listTitle {
    max-width: 100px
}

.bbsArticle ul.formList li.longWord .wordBox {
    top: -54px
}

.bbsArticle ul.formList li a.icon-refresh {
    position: relative;
    top: 5px;
    opacity: .7
}

.bbsArticle ul.formList li a.icon-refresh:before {
    font-size: 1.2em;
    color: #2f96ee
}

.bbsArticle ul.formList li a.icon-refresh:hover {
    opacity: 1
}

.bbsArticle ul.formList li .security {
    position: relative;
    top: 5px;
    margin: 0 5px;
    max-height: 25px
}

.bbsArticle ul.formList li input.short {
    width: 40px
}

.bbsArticle ul.formList li input.long {
    width: 50%
}

.bbsArticle ul.formList li input[type=text],
.bbsArticle ul.formList li select {
    margin-right: 5px
}

.bbsArticle ul.formList li textarea {
    width: 80%
}

.bbsArticle ul.formList li.dpib {
    display: inline-block;
    margin-right: 20px
}

.bbsArticle ul.formList li.noBefore {
    margin: -5px 0 20px 20px
}

.bbsArticle ul.formList li ol li {
    list-style-position: outside;
    list-style-type: decimal;
    margin-bottom: 0
}

.bbsArticle ul.formList li:before {
    position: absolute;
    left: -20px;
    font-family: vscinemas;
    content: "e";
    font-size: .8em;
    color: #ccc
}

.bbsArticle ul.formList li .listTitle {
    position: relative;
    display: inline-block;
    margin: 0 10px 0 0;
    min-width: 90px;
    font-weight: 700;
    vertical-align: top
}

.bbsArticle ul.formList li .wordBox {
    position: relative;
    top: -25px;
    margin-left: 100px
}

.bbsArticle ul.formList li .wordBox input,
.bbsArticle ul.formList li .wordBox select {
    margin-bottom: 10px
}

.articleContent .bbsArticle form .btnArea input[type=reset] {
    float: none;
    clear: both
}

.livePopup {
    display: none
}

.pswp .pswp__zoom-wrap img {
    width: auto
}

.pswp .pswp__bg {
    background-color: rgba(0, 0, 0, .7)
}

.pswp__caption__center {
    font-size: 14px;
    font-weight: 700;
    text-align: center
}

.address-zone .zipcode {
    width: 50px
}

.popup section.imgErrorBox {
    background: #FFF;
    height: 200px;
    margin-top: -100px;
    padding: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    text-align: center
}

.popup section.imgErrorBox h1 {
    text-align: center;
    font-size: 22px;
    margin: 20px 0;
    padding: 0
}

.popup section.imgErrorBox p .mark {
    background: #fff
}

/*2017.09.06 Add start*/
.article .bbsArticle .table ul, .articleProduct .bbsArticle .table ul, .articleBrand .bbsArticle .table ul, .articleContent .bbsArticle .table ul, .articleList .bbsArticle .table ul {
  list-style: none;
  margin: 0 0 30px;
}

.article .bbsArticle .table ul li, .articleProduct .bbsArticle .table ul li, .articleBrand .bbsArticle .table ul li, .articleContent .bbsArticle .table ul li, .articleList .bbsArticle .table ul li {
  list-style: none;
}

.article .bbsArticle .table ul li:first-child, .articleProduct .bbsArticle .table ul li:first-child, .articleBrand .bbsArticle .table ul li:first-child, .articleContent .bbsArticle .table ul li:first-child, .articleList .bbsArticle .table ul li:first-child {
  padding: 5px 10px;
  background: #eaeaea;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.article .bbsArticle .table ul li p{
   position: relative;
   margin-bottom: 5px;
}

.article .bbsArticle .table ul li p .qaradio{
    position: absolute;
    top: 0;
    left: 0;
}

.article .bbsArticle .table ul li p .qaword{
    padding-left: 25px;
    display: block;
}

/*2017.09.06 Add end*/

@media all and (max-width:1366px) {
    .aboutBanner,
    .aboutBanner img,
    .featureBanner,
    .featureBanner img,
    .featureBannerMall,
    .featureBannerMall img,
    .theaterBanner,
    .theaterBanner img,
    .themeBanner,
    .themeBanner img {
        width: auto;
        height: 100%
    }
    .theaterBanner,
    .theaterBanner img {
        width: 100%;
        height: auto
    }
    .featureBannerMall,
    .themeBanner {
        height: auto
    }
}

@media all and (max-width:1280px) {
    .theaterBanner img {
        width: 100%;
        height: auto
    }
}

@media all and (max-width:1200px) {
    .articleIshow {
        width: auto;
        margin: 40px 60px 40px 30px
    }
    .weekArea .week {
        width: auto;
        margin: 0 80px 0 40px
    }
    .themeGroup a figure ul.sProductList li {
        width: 120px;
        height: 120px;
        -webkit-border-radius: 65px;
        border-radius: 65px
    }
    .mallArea figure {
        width: 250px;
        right: 20px
    }
    .brandAbout figure,
    .foodAbout figure {
        width: 100%
    }
    .brandAbout figure figcaption,
    .foodAbout figure figcaption {
        width: 70%
    }
    .brandArea,
    .foodbrandArea {
        width: 95%
    }
    .theaterSelect h1 {
        width: auto;
        margin: 0 10px
    }
    .movieDetail .movieMain figure a.view {
        padding: 20px
    }
    .movieVideo {
        height: auto
    }
    .movieVideo .mainVideo {
        position: relative
    }
    .movieVideo .mainVideo .slidesArea div iframe {
        width: 80%
    }
    .movieVideo .mainVideo .arrowArea {
        width: 90%
    }
    .moviePicture .picture .arrowArea,
    .theaterPicture .picture .arrowArea {
        top: -23%
    }
    .crumbArea .crumb,
    .crumbBrand .crumb,
    .crumbFood .crumb {
        width: 97.2%
    }
    .article,
    .articleBrand,
    .articleContent,
    .articleList,
    .articleProduct {
        width: auto;
        margin: 0 60px 0 30px
    }
    .article h1,
    .articleBrand h1,
    .articleContent h1,
    .articleList h1,
    .articleProduct h1 {
        margin: 30px 0
    }
    .articleBrand,
    .articleContent {
        margin: 0 30px
    }
    .articleList {
        margin: 0 60px 0 30px
    }
    ul.eventList li,
    ul.hotList li,
    ul.liveList li,
    ul.mallEventList li,
    ul.mallList li,
    ul.mallProductList li,
    ul.movieList li,
    ul.productList li,
    ul.productListBig li {
        width: 25%;
        min-height: 595px
    }
    .theaterBanner h2 p,
    ul.eventList li figure,
    ul.hotList li figure,
    ul.liveList li figure,
    ul.mallEventList li figure,
    ul.mallList li figure,
    ul.mallProductList li figure,
    ul.movieList li figure,
    ul.productList li figure,
    ul.productListBig li,
    ul.productListBig li figure {
        width: auto
    }
    ul.mallProductList li,
    ul.productList li {
        min-height: 50px
    }
    .exchangeGroup ul.mallProductList li,
    .exchangeGroup ul.productList li {
        width: auto;
        min-height: auto
    }
    ul.mallList li {
        min-height: auto
    }
    .hotArea {
        margin: 60px 40px 40px
    }
    ul.hotList li {
        min-height: 500px
    }
    ul.awardHistory li {
        line-height: 1.4em;
    }
    ul.awardHistory li time {
        padding: 0 0 0 10px;
        font-size: 12px;
    }
    ul.awardHistory li time span.circle {
        display: none;
    }
    ul.awardHistory li p {
        margin: -28px 0 0 58px;
    }
    ul.awardHistory li p span.imgArea {
        display: block;
        float: none;
        margin: 10px 0;
    }
    ul.eventList li,
    ul.liveList li,
    ul.mallEventList li {
        min-height: 500px
    }
    ul.hotList li figure {
        margin: 20px 20px 15px
    }
    ul.hotList li h4.rank {
        left: 0
    }
    .pagebar ul {
        padding: 20px 20px 0
    }
    .eventBanner {
        margin: 20px auto 80px
    }
    ul.mallEventList li {
        min-height: 460px
    }
    .theaterBanner h2 {
        padding: 10px 0 5px 20px
    }
}
/*2017.08.03 Add*/
.selectLink {
  text-align: right;
  min-height: 40px;
  padding-top: 20px;
}

.selectLink + .searchBar {
  margin: 20px auto 0 auto;
}

.selectLink select {
  float: right;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.selectLink .bbsArticle {
  text-align: left;
}

@media all and (max-width:1050px) {
    .theaterPosition+.is-sticky {
        min-height: 158px
    }
    .articleBrand,
    .articleContent {
        margin: 0 30px
    }
    .articleContent {
        margin: 0 60px 0 30px
    }
    .weekArea .week h2 span {
        display: block;
        margin: 0
    }
    .themeGroup a figure {
        background-color: transparent;
        max-height: 100%
    }
    .themeGroup a figure p.more {
        position: relative;
        width: auto;
        height: auto;
        left: auto;
        bottom: 20px;
        right: 0;
        float: right;
        background: 0 0;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
    .themeGroup a figure p.more mark {
        background: #f50000;
        display: inline;
        margin: 0;
        padding: 10px;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
    .themeGroup a figure h2 {
        opacity: 1;
        line-height: 1.4em;
        text-align: right;
        background-color: transparent;
        text-shadow: 0 2px 2px #000
    }
    .themeGroup a figure h2 span {
        position: relative;
        top: 30%;
        width: auto;
        margin: 0 50px 0 0;
        text-align: right
    }
    .themeGroup a figure ul.sProductList {
        position: relative;
        top: 0;
        right: 0;
        width: auto;
        height: auto;
        text-align: left;
        padding: 15px 0;
        background: 0 0;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc
    }
    .themeGroup a figure ul.sProductList h1 {
        position: absolute;
        width: 100px;
        left: 20px;
        display: inline-block;
        text-align: left;
        color: #333
    }
    .themeGroup a figure ul.sProductList li {
        position: relative;
        display: inline-block;
        height: 120px;
        width: 120px
    }
    .themeGroup a figure ul.sProductList li:hover {
        padding: 0;
        height: 120px;
        width: 120px
    }
    .themeGroup a figure ul.sProductList li:nth-child(1),
    .themeGroup a figure ul.sProductList li:nth-child(2),
    .themeGroup a figure ul.sProductList li:nth-child(3),
    .themeGroup a figure ul.sProductList li:nth-child(4) {
        top: 0;
        left: 0;
        bottom: auto;
        right: auto
    }
    .themeGroup a figure ul.sProductList li:nth-child(1) {
        margin-left: 120px
    }
    ul.eventList li,
    ul.hotList li,
    ul.liveList li,
    ul.mallEventList li,
    ul.mallList li,
    ul.mallProductList li,
    ul.movieList li,
    ul.productList li,
    ul.productListBig li {
        min-height: 560px
    }
    ul.mallList li {
        min-height: auto
    }
    ul.hotList li {
        min-height: 500px
    }
    ul.mallProductList li,
    ul.productList li {
        min-height: 50px
    }
    ul.eventList li,
    ul.liveList li,
    ul.mallEventList li {
        min-height: 460px
    }
    .articleContent .bbsArticle ul.insideListMore {
        margin: 0
    }
    .articleContent .bbsArticle ul.insideListMore li {
        width: 32%
    }
    ul.theaterInfoList li {
        width: auto;
        display: block
    }
    .aboutBanner,
    .featureBanner,
    .featureBannerMall,
    .theaterBanner,
    .themeBanner {
        min-height: 250px
    }
    ul.mallEventList li {
        min-height: 400px
    }
    ul.theaterList li .infoArea {
        padding-top: 0
    }
    .eventBanner {
        width: 100%;
        margin: 0 auto 40px
    }
    .aboutBanner {
        min-height: 100px
    }
    .movieDetail {
        margin-bottom: 40px
    }
    .movieDetail .movieMain {
        width: 100%
    }
    .movieDetail .movieVersion {
        width: 100%;
        height: 470px;
        margin-bottom: 100px
    }
    .movieDetail .movieVersion ul.versionList .theaterBG {
        height: 470px;
        width: 50%
    }
    .movieDetail .movieVersion ul.versionList li ul {
        font-size: 16px;
        height: 450px;
        width: 46%
    }
    ul.mallList li {
        width: 33%
    }
    .mallArea figure {
        top: -180px
    }
    .brandAbout img.bgPic,
    .foodAbout img.bgPic {
        height: 100%;
        width: auto
    }
}

@media all and (max-width:900px) {
    .brandArea .movieArea .movieBanner .slidesArea div section.insideBTN ul li:first-child,
    .foodbrandArea .movieArea .movieBanner .slidesArea div section.insideBTN ul li:first-child,
    .foodbrandArea .productArea .slidesArea div section.insideBTN ul li:first-child {
        float: left
    }
    .theaterPosition+.is-sticky {
        min-height: 180px
    }
    .brandAbout,
    .foodAbout {
        background: url(../images/4dx.jpg) center center no-repeat;
        -webkit-background-size: auto 105%;
        -o-background-size: auto 105%;
        background-size: auto 105%
    }
    .brandArea,
    .foodbrandArea {
        width: 100%
    }
    .brandArea .eventArea,
    .foodbrandArea .eventArea {
        width: auto
    }
    .brandArea .eventArea h2,
    .foodbrandArea .eventArea h2 {
        margin-left: 20px
    }
    .brandArea .movieArea,
    .foodbrandArea .movieArea {
        width: 92%
    }
    .brandArea .movieArea .movieBanner .slidesArea div:active,
    .brandArea .movieArea .movieBanner .slidesArea div:hover,
    .foodbrandArea .movieArea .movieBanner .slidesArea div:active,
    .foodbrandArea .movieArea .movieBanner .slidesArea div:hover {
        background-color: rgba(255, 255, 255, 0)
    }
    .brandArea .movieArea .movieBanner .slidesArea div section.insideBTN,
    .foodbrandArea .movieArea .movieBanner .slidesArea div section.insideBTN {
        display: block;
        margin: 0 20px;
        height: 100px
    }
    .brandArea .movieArea .movieBanner .slidesArea div section.insideBTN ul,
    .foodbrandArea .movieArea .movieBanner .slidesArea div section.insideBTN ul {
        text-align: left;
        height: 100%
    }
    .brandArea .movieArea .movieBanner .slidesArea div section.insideBTN ul li,
    .foodbrandArea .movieArea .movieBanner .slidesArea div section.insideBTN ul li {
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: middle;
        text-align: center
    }
    .brandArea .movieArea .movieBanner .slidesArea div section.insideBTN ul li a,
    .foodbrandArea .movieArea .movieBanner .slidesArea div section.insideBTN ul li a {
        display: inline-block;
        padding: 6px 8px;
        line-height: 1.4em;
        background-color: #333;
        color: #FFF
    }
    .brandArea .movieArea .movieBanner .slidesArea div section.insideBTN ul li a:visited,
    .foodbrandArea .movieArea .movieBanner .slidesArea div section.insideBTN ul li a:visited {
        color: #FFF
    }
    .brandArea .movieArea .movieBanner .slidesArea div section.insideBTN ul li a:hover,
    .foodbrandArea .movieArea .movieBanner .slidesArea div section.insideBTN ul li a:hover {
        background-color: #333;
        color: #fff
    }
    .brandArea .movieArea .movieBanner .arrowArea,
    .foodbrandArea .movieArea .movieBanner .arrowArea {
        width: 106%;
        left: -3%
    }
    .listHistory {
        width: 85%
    }
    .foodbrandArea {
        width: 100%
    }
    .foodbrandArea .productArea {
        width: 92%;
        margin-left: 4%;
        display: inline-block;
        vertical-align: top
    }
    .foodbrandArea .productArea .slidesArea div:active,
    .foodbrandArea .productArea .slidesArea div:hover {
        background-color: rgba(255, 255, 255, 0)
    }
    .foodbrandArea .productArea .slidesArea div section.insideBTN {
        display: block;
        margin: 0 20px;
        height: 100px
    }
    .foodbrandArea .productArea .slidesArea div section.insideBTN ul {
        text-align: left;
        height: 100%
    }
    .foodbrandArea .productArea .slidesArea div section.insideBTN ul li {
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: middle;
        text-align: center
    }
    .foodbrandArea .productArea .slidesArea div section.insideBTN ul li a {
        display: inline-block;
        padding: 6px 8px;
        line-height: 1.4em;
        background-color: #333;
        color: #FFF
    }
    .foodbrandArea .productArea .slidesArea div section.insideBTN ul li a:visited {
        color: #FFF
    }
    .foodbrandArea .productArea .slidesArea div section.insideBTN ul li a:hover {
        background-color: #333;
        color: #fff
    }
    .foodbrandArea .productArea .arrowArea {
        width: 106%;
        left: -3%
    }
    .eventMain figure,
    .productDetail figure,
    .productFeature figure {
        width: 50%;
        float: none;
        margin: 0 auto
    }
    .eventMain .eventInfo,
    .productDetail .eventInfo,
    .productDetail .productInfo,
    .productFeature .eventInfo,
    .productFeature .productInfo {
        margin: 30px 0 0;
        padding: 0
    }
    ul.eventList li,
    ul.hotList li,
    ul.liveList li,
    ul.mallEventList li,
    ul.mallList li,
    ul.mallProductList li,
    ul.movieList li,
    ul.productList li,
    ul.productListBig li {
        width: 33.33%
    }
    ul.eventList section.insideBTN,
    ul.hotList section.insideBTN,
    ul.liveList section.insideBTN,
    ul.mallEventList section.insideBTN,
    ul.mallList section.insideBTN,
    ul.mallProductList section.insideBTN,
    ul.movieList section.insideBTN,
    ul.productList section.insideBTN,
    ul.productListBig section.insideBTN {
        display: block;
        margin: 0 20px;
        height: 62px
    }
    ul.eventList section.insideBTN ul,
    ul.hotList section.insideBTN ul,
    ul.liveList section.insideBTN ul,
    ul.mallEventList section.insideBTN ul,
    ul.mallList section.insideBTN ul,
    ul.mallProductList section.insideBTN ul,
    ul.movieList section.insideBTN ul,
    ul.productList section.insideBTN ul,
    ul.productListBig section.insideBTN ul {
        text-align: center;
        height: 100%
    }
    ul.eventList section.insideBTN ul li,
    ul.hotList section.insideBTN ul li,
    ul.liveList section.insideBTN ul li,
    ul.mallEventList section.insideBTN ul li,
    ul.mallList section.insideBTN ul li,
    ul.mallProductList section.insideBTN ul li,
    ul.movieList section.insideBTN ul li,
    ul.productList section.insideBTN ul li,
    ul.productListBig section.insideBTN ul li {
        width: auto;
        display: block;
        vertical-align: middle;
        text-align: center;
        float: right
    }
    ul.eventList section.insideBTN ul li:first-child,
    ul.hotList section.insideBTN ul li:first-child,
    ul.liveList section.insideBTN ul li:first-child,
    ul.mallEventList section.insideBTN ul li:first-child,
    ul.mallList section.insideBTN ul li:first-child,
    ul.mallProductList section.insideBTN ul li:first-child,
    ul.movieList section.insideBTN ul li:first-child,
    ul.productList section.insideBTN ul li:first-child,
    ul.productListBig section.insideBTN ul li:first-child {
        float: left
    }
    ul.eventList section.insideBTN ul li a,
    ul.hotList section.insideBTN ul li a,
    ul.liveList section.insideBTN ul li a,
    ul.mallEventList section.insideBTN ul li a,
    ul.mallList section.insideBTN ul li a,
    ul.mallProductList section.insideBTN ul li a,
    ul.movieList section.insideBTN ul li a,
    ul.productList section.insideBTN ul li a,
    ul.productListBig section.insideBTN ul li a {
        display: inline-block;
        padding: 10px;
        line-height: 1.4em;
        background-color: #333;
        color: #FFF
    }
    ul.eventList section.insideBTN ul li a:visited,
    ul.hotList section.insideBTN ul li a:visited,
    ul.liveList section.insideBTN ul li a:visited,
    ul.mallEventList section.insideBTN ul li a:visited,
    ul.mallList section.insideBTN ul li a:visited,
    ul.mallProductList section.insideBTN ul li a:visited,
    ul.movieList section.insideBTN ul li a:visited,
    ul.productList section.insideBTN ul li a:visited,
    ul.productListBig section.insideBTN ul li a:visited {
        color: #FFF
    }
    ul.eventList section.insideBTN ul li a:hover,
    ul.hotList section.insideBTN ul li a:hover,
    ul.liveList section.insideBTN ul li a:hover,
    ul.mallEventList section.insideBTN ul li a:hover,
    ul.mallList section.insideBTN ul li a:hover,
    ul.mallProductList section.insideBTN ul li a:hover,
    ul.movieList section.insideBTN ul li a:hover,
    ul.productList section.insideBTN ul li a:hover,
    ul.productListBig section.insideBTN ul li a:hover {
        background-color: #FFF;
        color: #333
    }
    .exchangeGroup ul.mallProductList li,
    .exchangeGroup ul.productList li {
        width: auto
    }
    ul.mallProductList section.insideBTN,
    ul.productList section.insideBTN {
        margin: 20px 0 0
    }
    ul.mallProductList section.insideBTN ul li a,
    ul.productList section.insideBTN ul li a {
        background: #333;
        color: #FFF
    }
    ul.mallProductList section.insideBTN ul li a:visited,
    ul.productList section.insideBTN ul li a:visited {
        color: #FFF
    }
    ul.mallProductList section.insideBTN ul li a:hover,
    ul.productList section.insideBTN ul li a:hover {
        color: #333
    }
    ul.hotList li {
        width: 50%;
        margin-bottom: 20px
    }
    ul.liveList li {
        min-height: auto
    }
    .searchBox {
        top: 70px
    }
    .qaBox ul.insideQalist {
        top: 305px
    }
    ul.mallList li {
        width: 50%
    }
    .themeGroup a figure h2 span {
        top: 25%
    }
    .themeGroup a figure ul.sProductList {
        padding-top: 50px;
        text-align: center
    }
    .themeGroup a figure ul.sProductList h1 {
        position: absolute;
        top: 30px;
        width: 100%;
        left: auto;
        display: block;
        text-align: center
    }
    .themeGroup a figure ul.sProductList h1 span {
        display: inline-block;
        margin-left: 10px;
        color: #2f96ee
    }
    .themeGroup a figure ul.sProductList li {
        margin-bottom: 10px
    }
    .themeGroup a figure ul.sProductList li:nth-child(1) {
        margin-left: 0
    }
}

@media all and (max-width:768px) {
    .moviePicture .picture .arrowArea .jssora03l:before,
    .moviePicture .picture .arrowArea .jssora03r:before,
    .theaterPicture .picture .arrowArea .jssora03l:before,
    .theaterPicture .picture .arrowArea .jssora03r:before {
        color: #999
    }
    .movieDetail .fastSelect {
        text-align: left
    }
    .articleContent .clause {
        max-width: 100%
    }
    .articleContent .bbsArticle .imagePC {
        display: none
    }
    .articleContent .bbsArticle .imagePhone {
        display: block
    }
    .aboutBanner img,
    .featureBanner img,
    .featureBannerMall img,
    .theaterBanner img,
    .themeBanner img {
        width: auto;
        max-height: 250%;
        height: 100%
    }
    .aboutBanner,
    .theaterBanner {
        position: relative;
        line-height: 0
    }
    .aboutBanner img,
    .theaterBanner img {
        position: relative;
        width: 100%;
        height: auto
    }
    .aboutBanner .bannerLink,
    .theaterBanner .bannerLink {
        position: absolute;
        bottom: 50px;
        left: 0;
        right: auto;
        min-width: 10px;
        line-height: 1.4em
    }
    .aboutBanner h2,
    .theaterBanner h2 {
        padding: 10px 0 5px 15px
    }
    .aboutBanner h2 span,
    .theaterBanner h2 span {
        display: block;
        margin: 0
    }
    .featureBannerMall img,
    .themeBanner img {
        width: 100%;
        height: auto
    }
    .theaterPosition .article .leftBox,
    .theaterPosition .articleBrand .leftBox,
    .theaterPosition .articleContent .leftBox,
    .theaterPosition .articleList .leftBox,
    .theaterPosition .articleProduct .leftBox {
        display: block;
        width: auto;
        margin: 0
    }
    .theaterPosition .article .rightMap,
    .theaterPosition .articleBrand .rightMap,
    .theaterPosition .articleContent .rightMap,
    .theaterPosition .articleList .rightMap,
    .theaterPosition .articleProduct .rightMap {
        display: block;
        width: auto
    }
    .weekArea .week ul li {
        line-height: 26px;
        padding: 10px 0
    }
    .weekArea .week ul li.select,
    .weekArea .week ul li:hover {
        background-color: #2f96ee
    }
    .salesPopup .bbsArticle {
        width: auto;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        margin: 0;
        -webkit-border-radius: 0;
        border-radius: 0
    }
    ul.productListBig li {
        width: auto
    }
    ul.productListBig li .infoArea {
        margin: 20px 0 20px 29%
    }
    ul.productListBig li figure {
        margin: 20px 0 15px;
        width: 25%
    }
    ul.liveList li {
        width: 50%
    }
    .article ul.groupPartner li figure,
    .article ul.groupTicket li figure,
    .articleBrand ul.groupPartner li figure,
    .articleBrand ul.groupTicket li figure,
    .articleContent ul.groupPartner li figure,
    .articleContent ul.groupTicket li figure,
    .articleList ul.groupPartner li figure,
    .articleList ul.groupTicket li figure,
    .articleProduct ul.groupPartner li figure,
    .articleProduct ul.groupTicket li figure {
        float: none;
        margin: 0 auto
    }
    .article ul.groupPartner li .infoArea,
    .article ul.groupTicket li .infoArea,
    .articleBrand ul.groupPartner li .infoArea,
    .articleBrand ul.groupTicket li .infoArea,
    .articleContent ul.groupPartner li .infoArea,
    .articleContent ul.groupTicket li .infoArea,
    .articleList ul.groupPartner li .infoArea,
    .articleList ul.groupTicket li .infoArea,
    .articleProduct ul.groupPartner li .infoArea,
    .articleProduct ul.groupTicket li .infoArea {
        margin: 20px 0 0;
        padding-top: 0;
        min-height: 10px
    }
    .aboutBanner,
    .featureBanner,
    .featureBannerMall,
    .theaterBanner,
    .themeBanner {
        min-height: 200px
    }
    .mallArea figure {
        position: relative;
        top: 20px;
        right: 0;
        max-width: 100%;
        padding-top: 40px
    }
    .mallArea figure img {
        margin-bottom: 10px;
        left: 0
    }
    .mallArea figure select {
        position: absolute;
        top: 0;
        float: left;
        max-width: 100%
    }
    .hotArea figure,
    ul.theaterList li figure {
        position: relative
    }
    .mallArea .mallInfo {
        margin: 20px 0
    }
    ul.theaterList li .infoArea {
        margin: 20px 0 60px
    }
    .moviePicture .picture .arrowArea,
    .theaterPicture .picture .arrowArea {
        width: 100%;
        top: -20%
    }
    .moviePicture .picture .arrowArea .jssora03l,
    .theaterPicture .picture .arrowArea .jssora03l {
        right: auto;
        left: 10px;
        font-size: 31.51px
    }
    .moviePicture .picture .arrowArea .jssora03r,
    .theaterPicture .picture .arrowArea .jssora03r {
        right: auto;
        left: 50px;
        font-size: 31.51px
    }
    .hotArea {
        margin: 60px 0 40px
    }
    .hotArea figure {
        margin: 0 auto 30px
    }
    .hotArea .hotBox {
        margin: 0
    }
    ul.hotList li {
        min-height: 470px
    }
    ul.hotList li .infoArea h2 {
        text-align: center
    }
    .pagebar ul {
        min-width: 100px
    }
}

@media all and (max-width:750px) {
    ul.mallProductList .exchangeGroup li,
    ul.productList .exchangeGroup li,
    ul.productListBig li {
        width: auto
    }
    ul.productListBig li .infoArea {
        margin: 0
    }
    ul.productListBig li figure {
        position: relative;
        margin: 20px auto;
        width: 60%;
        left: 20%;
        display: inline-block
    }
    ul.productListBig li figure a img {
        width: 100%
    }
    .articleContent .bbsArticle ul.insideListMore {
        margin: 0
    }
    .articleContent .bbsArticle ul.insideListMore li {
        width: 45%
    }
    .articleBrand .bbsArticle .floatRight,
    .articleContent .bbsArticle .floatRight {
        float: none;
        margin: 20px 0
    }
    .articleBrand .bbsArticle iframe,
    .articleContent .bbsArticle iframe {
        width: 100%;
        height: 350px
    }
    .hotArea .hotBox .hotInfo .rankArea {
        position: relative;
        margin: 0 auto 40px
    }
    .hotArea .hotBox .hotInfo .info {
        margin: 20px 0 40px;
        text-align: center
    }
    ul.mallEventList li {
        width: 50%;
        min-height: 440px
    }
    .themeGroup {
        width: 100%
    }
    .themeGroup a figure h2 span {
        top: 80px;
        text-align: right;
        margin-right: 20px
    }
    .brandArea h2,
    .foodbrandArea h2 {
        text-align: center
    }
    .infoArea h2 {
        text-align: left
    }
    .listHistory {
        width: 90%;
        margin-left: 5%;
        text-align: center
    }
    .listHistory ul {
        display: inline-block;
        text-align: left;
        margin: 0 auto
    }
    .listHistory ul li {
        position: relative
    }
    .listHistory ul li time {
        position: absolute;
        left: 0;
        top: 0
    }
    .listHistory ul li p {
        margin-left: 100px;
        text-align: left
    }
}

@media all and (max-width:620px) {
    ul.productAdList li {
      /*2017.07.31 add*/
      display: block;
      float: none;
      width: auto;
    }
    ul.productAdList li figure {
      margin: 0 0 20px 0;
    }
    ul.productAdList li .infoArea {
      margin: 0;
    }
    .brandAbout ul.whereList,
    .foodAbout ul.whereList {
        padding: 15px 15px 40px 30px
    }
    .brandAbout figure,
    .foodAbout figure {
        padding: 20px 0
    }
    .weekArea .week ul li {
        font-size: .8em;
        line-height: 1.4em
    }
    .article .bbsArticle span.icon-exclamation,
    .articleBrand .bbsArticle span.icon-exclamation,
    .articleContent .bbsArticle span.icon-exclamation,
    .articleList .bbsArticle span.icon-exclamation,
    .articleProduct .bbsArticle span.icon-exclamation {
        display: block;
        margin-top: 10px
    }
    .article .bbsArticle p input[type=submit],
    .articleBrand .bbsArticle p input[type=submit],
    .articleContent .bbsArticle p input[type=submit],
    .articleList .bbsArticle p input[type=submit],
    .articleProduct .bbsArticle p input[type=submit] {
        margin: 10px 0
    }
    ul.whereList {
        padding: 15px
    }
    ul.whereList span {
        position: relative;
        display: block;
        left: 0;
        margin-bottom: 10px
    }
    .themeGroup a figure h2 {
        position: relative;
        height: auto;
        font-size: .8em;
        background: #ccc;
        text-align: center
    }
    .themeGroup a figure h2 span {
        top: auto;
        margin: 0
    }
    .themeGroup ul.whereList span {
        position: relative;
        display: block;
        margin-left: -10px
    }
    .bbsArticle img {
        width: 100%
    }
    .bbsArticle ul.formList li.longWord .listTitle {
        max-width: 100%;
        display: block
    }
    .bbsArticle ul.formList li.longWord .wordBox {
        top: 0
    }
    .bbsArticle ul.formList li .listTitle {
        display: block;
        margin-bottom: 5px
    }
    .bbsArticle ul.formList li .wordBox {
        top: 0;
        margin: 0 0 20px
    }
    .aboutBanner,
    .featureBanner,
    .featureBannerMall,
    .theaterBanner,
    .themeBanner {
        min-height: 150px
    }
    .aboutBanner h1,
    .featureBanner h1,
    .featureBannerMall h1,
    .theaterBanner h1,
    .themeBanner h1 {
        top: 20%
    }
    .featureBannerMall h1,
    .themeBanner h1 {
        top: 40%
    }
    ul.b4dxList section {
        top: 120px
    }
    .eventMain figure,
    .productDetail figure,
    .productFeature figure {
        width: 70%
    }
    ul.liveHistory li time,
    ul.newsList li time,
    ul.noteList li time {
        font-size: 12px;
        padding: 2px 8px
    }
    .moviePicture .picture .arrowArea .jssora03l:before,
    .movieVideo .mainVideo .arrowArea .jssora03l:before,
    .movieVideo .mainVideo .arrowArea .jssora03r,
    .theaterPicture .picture .arrowArea .jssora03l:before {
        color: #999;
        font-size: 31.51px
    }
    ul.liveHistory li a,
    ul.newsList li a,
    ul.noteList li a {
        margin: 2px 0 0 95px
    }
    ul.liveHistory li {
        line-height: 1.4em
    }
    ul.liveHistory li time {
        padding: 0 0 0 10px
    }
    ul.liveHistory li time span.circle {
        display: none
    }
    ul.liveHistory li p {
        margin: -28px 0 0 58px
    }
    ul.hotList li {
        min-height: 500px
    }
    ul.theaterInfoList li {
        margin-bottom: 40px
    }
    ul.theaterInfoList li figure {
        position: relative;
        display: block
    }
    ul.theaterInfoList li .infoArea {
        margin: 10px 0 0
    }
    .movieStory .article h2 span,
    .movieStory .articleBrand h2 span,
    .movieStory .articleContent h2 span,
    .movieStory .articleList h2 span,
    .movieStory .articleProduct h2 span,
    .theaterPosition .article h2 span,
    .theaterPosition .articleBrand h2 span,
    .theaterPosition .articleContent h2 span,
    .theaterPosition .articleList h2 span,
    .theaterPosition .articleProduct h2 span,
    .theaterStory .article h2 span,
    .theaterStory .articleBrand h2 span,
    .theaterStory .articleContent h2 span,
    .theaterStory .articleList h2 span,
    .theaterStory .articleProduct h2 span {
        display: block;
        margin: 0;
        line-height: 1.4em
    }
    .movieStory .article h2 span:before,
    .movieStory .articleBrand h2 span:before,
    .movieStory .articleContent h2 span:before,
    .movieStory .articleList h2 span:before,
    .movieStory .articleProduct h2 span:before,
    .theaterPosition .article h2 span:before,
    .theaterPosition .articleBrand h2 span:before,
    .theaterPosition .articleContent h2 span:before,
    .theaterPosition .articleList h2 span:before,
    .theaterPosition .articleProduct h2 span:before,
    .theaterStory .article h2 span:before,
    .theaterStory .articleBrand h2 span:before,
    .theaterStory .articleContent h2 span:before,
    .theaterStory .articleList h2 span:before,
    .theaterStory .articleProduct h2 span:before {
        content: ""
    }
    .moviePicture,
    .theaterPicture {
        margin: 50px 0 0;
        height: auto
    }
    .moviePicture .picture,
    .theaterPicture .picture {
        padding: 50px 0 0;
        background-color: #FFF;
        height: 200px;
        overflow: hidden
    }
    .moviePicture .picture .picSlides,
    .theaterPicture .picture .picSlides {
        width: 100%;
        height: 200px;
        left: 0;
        margin-left: 0
    }
    .moviePicture .picture .arrowArea,
    .theaterPicture .picture .arrowArea {
        width: 95%;
        top: 0
    }
    .moviePicture .picture .arrowArea .jssora03r,
    .theaterPicture .picture .arrowArea .jssora03r {
        color: #999;
        right: auto;
        margin-left: 0;
        font-size: 31.51px
    }
    .movieVideo {
        background: 0 0
    }
    .movieVideo .mainVideo {
        padding-top: 50px
    }
    .movieVideo .mainVideo .slidesArea {
        margin-top: 50px
    }
    .movieVideo .mainVideo .arrowArea {
        top: 0
    }
    .movieVideo .mainVideo .arrowArea .jssora03r {
        right: auto;
        margin-left: 30px
    }
    .movieVideo .mainVideo .slidesArea div {
        margin: 0
    }
    .movieTime .article p span,
    .movieTime .articleBrand p span,
    .movieTime .articleContent p span,
    .movieTime .articleList p span,
    .movieTime .articleProduct p span,
    .theaterTime .article p span,
    .theaterTime .articleBrand p span,
    .theaterTime .articleContent p span,
    .theaterTime .articleList p span,
    .theaterTime .articleProduct p span {
        display: block
    }
    .movieDetail .movieMain figure {
        width: auto;
        float: none
    }
    .movieDetail .movieMain .movieInfo {
        margin-left: 0;
        margin-top: 30px
    }
    .movieDetail .movieVersion {
        height: auto;
        margin-bottom: 50px
    }
    .movieDetail .movieVersion p.versionNote {
        position: relative;
        bottom: 0;
        line-height: 1.4em;
        padding: 5px 0;
        background-color: #FFF
    }
    .movieDetail .movieVersion ul.versionList .theaterBG {
        display: none
    }
    .movieDetail .movieVersion ul.versionList li {
        width: auto
    }
    .movieDetail .movieVersion ul.versionList li.show a.versionFirst span:before {
        content: "K"
    }
    .movieDetail .movieVersion ul.versionList li ul {
        position: relative;
        width: auto;
        height: auto
    }
    .movieDetail .movieVersion ul.versionList li ul li:before {
        margin-left: 5px
    }
    ul.eventList li,
    ul.hotList li,
    ul.liveList li,
    ul.mallEventList li,
    ul.mallList li,
    ul.mallProductList li,
    ul.movieList li,
    ul.productList li,
    ul.productListBig li {
        width: 50%
    }
    ul.mallProductList .exchangeGroup li,
    ul.productList .exchangeGroup li {
        width: auto
    }
    .searchBox ul.searchItem li .searchSet {
        right: -250px;
        width: 250px
    }
    .searchBox ul.searchItem li .searchSet .bookBox ul li select,
    .searchBox ul.searchItem li .searchSet .findBox ul li select {
        width: 87%
    }
    .searchBox ul.searchItem li .searchSet .findBox ul li.left {
        float: left
    }
    .searchBox ul.searchItem li .searchSet .findBox ul li.left select {
        width: 72%
    }
    ul.productListBig li {
        width: auto
    }
    ul.productListBig li .infoArea {
        margin: 0
    }
    ul.productListBig li figure {
        position: relative;
        margin: 20px auto;
        width: 60%;
        left: 20%;
        display: inline-block
    }
    ul.productListBig li figure a img {
        width: 100%
    }
    .featureBannerMall img {
        width: 100%;
        -webkit-background-size: 100% auto;
        -o-background-size: 100% auto;
        background-size: 100% auto
    }
    .moviePicture .picture .arrowArea,
    .movieVideo .mainVideo .arrowArea,
    .theaterPicture .picture .arrowArea {
        margin-top: -50px
    }
}

@media all and (max-width:480px) {
    .sticky-wrapper,
    .sticky-wrapper .theaterSelect h1 {
        text-align: left
    }
    .articleContent iframe {
        width: 120%
    }
    .theaterPosition+.is-sticky {
        min-height: 212px
    }
    ul.eventList li,
    ul.eventList li .iconArea,
    ul.hotList li,
    ul.hotList li .iconArea,
    ul.liveList li .iconArea,
    ul.mallEventList li,
    ul.mallEventList li .iconArea,
    ul.mallList li .iconArea,
    ul.mallProductList li .iconArea,
    ul.movieList li .iconArea,
    ul.productList li .iconArea,
    ul.productListBig li .iconArea {
        min-height: 10px
    }
    .dateBanner .slidesArea,
    .weekArea .week div div a {
        height: 60px;
        overflow: hidden
    }
    h1 {
        font-size: 26px
    }
    .sticky-wrapper {
        margin-bottom: 0
    }
    .sticky-wrapper .theaterSelect {
        display: block;
        -webkit-border-radius: 0;
        border-radius: 0
    }
    .is-sticky .theaterSelect h1 {
        text-align: center
    }
    .brandArea .movieArea .movieBanner .slidesArea div section.insideBTN ul,
    .foodbrandArea .movieArea .movieBanner .slidesArea div section.insideBTN ul,
    .searchBar ul.searchList,
    ul.typePoint {
        text-align: left
    }
    .article,
    .articleBrand,
    .articleContent,
    .articleList,
    .articleProduct {
        margin: 0 60px 0 20px
    }
    .pagebar {
        margin: 0 0 50px
    }
    .pagebar ul {
        padding: 0
    }
    ul.liveHistory li,
    ul.newsList li,
    ul.noteList li {
        margin: 0 auto
    }
    ul.liveHistory li a,
    ul.newsList li a,
    ul.noteList li a {
        margin: 0;
        display: block
    }
    ul.liveHistory li time,
    ul.newsList li time,
    ul.noteList li time {
        position: relative;
        color: #2f96ee;
        background-color: #fff;
        padding: 0;
        bottom: -10px;
        margin-top: 10px
    }
    ul.liveHistory li time a span,
    ul.newsList li time a span,
    ul.noteList li time a span {
        position: relative
    }
    ul.liveHistory li time a span.icon-new-sign:before,
    ul.newsList li time a span.icon-new-sign:before,
    ul.noteList li time a span.icon-new-sign:before {
        position: absolute;
        line-height: 0;
        padding: 0;
        margin: 0
    }
    ul.liveHistory li time:before,
    ul.newsList li time:before,
    ul.noteList li time:before {
        font-family: vscinemas;
        content: "j"
    }
    .brandArea .movieArea .movieBanner .slidesArea div section.insideBTN ul li,
    .foodbrandArea .movieArea .movieBanner .slidesArea div section.insideBTN ul li {
        display: inline-block;
        float: none;
        margin-right: 20px
    }
    .weekArea .week {
        margin: 0 70px 0 30px
    }
    .weekArea .week div div {
        font-size: 16px
    }
    .productAdArea .productBanner .slidesArea div figure {
        margin: 0 0 20px
    }
    .salesPopup .bbsArticle {
        top: 0;
        padding: 0 20px
    }
    .salesPopup .bbsArticle h1 .icon-delete {
        right: 0
    }
    .theaterTime {
        margin-top: 45px
    }
    .article ul.groupPartner li figure,
    .article ul.groupTicket li figure,
    .articleBrand ul.groupPartner li figure,
    .articleBrand ul.groupTicket li figure,
    .articleContent ul.groupPartner li figure,
    .articleContent ul.groupTicket li figure,
    .articleList ul.groupPartner li figure,
    .articleList ul.groupTicket li figure,
    .articleProduct ul.groupPartner li figure,
    .articleProduct ul.groupTicket li figure {
        width: 235px;
        height: 140px
    }
    .article ul.groupPartner li figure:before,
    .article ul.groupTicket li figure:before,
    .articleBrand ul.groupPartner li figure:before,
    .articleBrand ul.groupTicket li figure:before,
    .articleContent ul.groupPartner li figure:before,
    .articleContent ul.groupTicket li figure:before,
    .articleList ul.groupPartner li figure:before,
    .articleList ul.groupTicket li figure:before,
    .articleProduct ul.groupPartner li figure:before,
    .articleProduct ul.groupTicket li figure:before {
        line-height: 140px
    }
    ul.b4dxList {
        height: 500px
    }
    .featureBannerMall img {
        max-height: 200%
    }
    ul.theaterList li figure,
    ul.theaterList li figure img {
        width: 100%
    }
    ul.theaterInfoList li figure {
        width: 90%
    }
    ul.theaterInfoList li figure img {
        height: 100%;
        width: auto
    }
    .articleBrand .bbsArticle iframe,
    .articleContent .bbsArticle iframe {
        height: 230px
    }
    .articleBrand ul.eventList li,
    .articleBrand ul.hotList li,
    .articleBrand ul.liveList li,
    .articleBrand ul.mallEventList li,
    .articleBrand ul.mallList li,
    .articleBrand ul.mallProductList li,
    .articleBrand ul.movieList li,
    .articleBrand ul.productList li,
    .articleBrand ul.productListBig li,
    .articleContent ul.eventList li,
    .articleContent ul.hotList li,
    .articleContent ul.liveList li,
    .articleContent ul.mallEventList li,
    .articleContent ul.mallList li,
    .articleContent ul.mallProductList li,
    .articleContent ul.movieList li,
    .articleContent ul.productList li,
    .articleContent ul.productListBig li {
        margin-bottom: 40px
    }
    .articleBrand ul.eventList li ul li,
    .articleBrand ul.hotList li ul li,
    .articleBrand ul.liveList li ul li,
    .articleBrand ul.mallEventList li ul li,
    .articleBrand ul.mallList li ul li,
    .articleBrand ul.mallProductList li ul li,
    .articleBrand ul.movieList li ul li,
    .articleBrand ul.productList li ul li,
    .articleBrand ul.productListBig li ul li,
    .articleContent ul.eventList li ul li,
    .articleContent ul.hotList li ul li,
    .articleContent ul.liveList li ul li,
    .articleContent ul.mallEventList li ul li,
    .articleContent ul.mallList li ul li,
    .articleContent ul.mallProductList li ul li,
    .articleContent ul.movieList li ul li,
    .articleContent ul.productList li ul li,
    .articleContent ul.productListBig li ul li {
        margin: 0
    }
    .brandAbout figure figcaption,
    .foodAbout figure figcaption {
        width: 85%
    }
    .brandArea .eventArea ul.eventList li,
    .brandArea .eventArea ul.mallEventList li,
    .foodbrandArea .eventArea ul.eventList li,
    .foodbrandArea .eventArea ul.mallEventList li {
        width: auto;
        margin-bottom: 40px
    }
    .eventMain figure,
    .productDetail figure,
    .productFeature figure {
        width: 100%
    }
    .searchBar {
        margin-bottom: 40px
    }
    .searchBar ul.searchList li {
        display: block
    }
    .movieTime .theaterSelect h1,
    .theaterTime .theaterSelect h1 {
        font-size: 16px;
        line-height: 1.4em
    }
    ul.eventList,
    ul.hotList,
    ul.liveList,
    ul.mallEventList,
    ul.mallList,
    ul.mallProductList,
    ul.movieList,
    ul.productList,
    ul.productListBig {
        left: 0;
        width: 100%;
        margin: 0 auto
    }
    ul.eventList li,
    ul.hotList li,
    ul.liveList li,
    ul.mallEventList li,
    ul.mallList li,
    ul.mallProductList li,
    ul.movieList li,
    ul.productList li,
    ul.productListBig li {
        width: 100%;
        min-height: 10px;
        margin: 0 0 40px;
        background-color: #EFEFEF
    }
    ul.eventList li:hover,
    ul.hotList li:hover,
    ul.liveList li:hover,
    ul.mallEventList li:hover,
    ul.mallList li:hover,
    ul.mallProductList li:hover,
    ul.movieList li:hover,
    ul.productList li:hover,
    ul.productListBig li:hover {
        background-color: #EFEFEF
    }
    .exchangeGroup ul.mallProductList li,
    .exchangeGroup ul.mallProductList li:hover,
    .exchangeGroup ul.productList li,
    .exchangeGroup ul.productList li:hover,
    ul.mallProductList li:hover,
    ul.productList li:hover {
        background: 0 0
    }
    ul.eventList li figure,
    ul.hotList li figure,
    ul.liveList li figure,
    ul.mallEventList li figure,
    ul.mallList li figure,
    ul.mallProductList li figure,
    ul.movieList li figure,
    ul.productList li figure,
    ul.productListBig li figure {
        width: auto;
        height: auto
    }
    ul.eventList li figure a,
    ul.hotList li figure a,
    ul.liveList li figure a,
    ul.mallEventList li figure a,
    ul.mallList li figure a,
    ul.mallProductList li figure a,
    ul.movieList li figure a,
    ul.productList li figure a,
    ul.productListBig li figure a {
        height: auto
    }
    ul.eventList li figure a img,
    ul.hotList li figure a img,
    ul.liveList li figure a img,
    ul.mallEventList li figure a img,
    ul.mallList li figure a img,
    ul.mallProductList li figure a img,
    ul.movieList li figure a img,
    ul.productList li figure a img,
    ul.productListBig li figure a img {
        width: auto;
        max-width: 100%
    }
    ul.hotList {
        width: 100%;
        margin-bottom: 40px
    }
    .mallArea figure {
        max-width: 90%
    }
    ul.mallProductList li,
    ul.productList li {
        width: auto;
        background: 0 0
    }
    ul.mallProductList li .infoArea,
    ul.productList li .infoArea {
        margin: 0
    }
    ul.mallProductList li figure,
    ul.productList li figure {
        position: relative;
        margin: 20px auto;
        width: auto;
        text-align: center;
        left: 0;
        display: block
    }
    .exchangeGroup ul.mallProductList li figure,
    .exchangeGroup ul.productList li figure {
        position: relative;
        margin: 0 auto 15px;
        text-align: center
    }
    .exchangeGroup ul.mallProductList li .infoArea,
    .exchangeGroup ul.productList li .infoArea {
        margin: auto
    }
    ul.productListBig li {
        width: auto
    }
    ul.productListBig li .infoArea {
        margin: 0
    }
    ul.productListBig li figure {
        position: relative;
        margin: 20px auto;
        width: auto;
        left: 0;
        display: inline-block
    }
    ul.productListBig li figure a img {
        width: 100%
    }
    .formList li .mark {
        display: block
    }
    .formList li p .mark {
        display: inline-block
    }
    ul.mallProductList li {
        width: auto;
        display: block
    }
    ul.mallProductList li figure {
        margin: 0
    }
    .articleIshow {
        padding: 10px 20px;
        margin: 40px 60px 40px 20px
    }
    ul.liveHistory li p {
        margin: -28px 0 0 10px
    }
    ul.liveHistory li p span {
        display: block;
        margin-left: 0
    }
    .listHistory {
        display: block
    }
    .listHistory ul {
        display: inline-block;
        margin: 0 auto;
        text-align: left
    }
    .listHistory ul li {
        clear: left
    }
    .listHistory ul li time {
        display: block;
        width: 80px;
        text-align: center;
        font-size: .8em;
        padding: 2px 6px;
        margin-bottom: 5px
    }
    .listHistory ul li a {
        margin-bottom: 15px;
        margin-right: 30px
    }
    .productAdArea .productBanner .arrowArea {
        top: 65%
    }
}

@media all and (max-width:400px) {
    .articleContent .bbsArticle .imagePhone a img.pngBtnL,
    .articleContent .bbsArticle .imagePhone a img.pngBtnR {
        bottom: 3%
    }
    .articleContent .bbsArticle ul.insideListMore li {
        width: auto;
        display: block
    }
    .productAdArea .productBanner .arrowArea {
        top: 60%
    }
}

/*-20180131 Add 查看座位--------------------------------------------------*/
.searchBox ul.searchItem li a.SessionSeats{
    position: static;
    text-decoration: none;
    border: none;
    padding: 10px 55px;
    margin: 0 10px 10px;
    width: 64px;
    height: 21px;
    background-color: #2f96ee;
    cursor: pointer;
    border-radius: 2px;
    color: #fff;
}

.searchBox ul.searchItem li a.SessionSeats:hover {
  background: #333333;
  text-decoration: none;
}