@charset "UTF-8";
/*top.css*/

/* =========================================================
 font
========================================================= */
#topics p{font-size:17px;color:#02b1f4;font-weight:bold;text-decoration:underline;}
#btnAllMovie{font-family:'tcbold',sans-serif;font-size:25px;}
#newsbox h2{font-family:'tcreg',sans-serif;font-size:20px;color:#02b1f4;}
#newsbox dt,#newsbox dd{font-size:12px;text-align:left;}
#btnProduct{font-family:'tcbold',sans-serif;font-size:34px;}
.fix-banner-toggle a{font-family:'tcbold',sans-serif;font-size:29px;color:#fff;}

/* =========================================================
 layout
========================================================= */
/*body#topIndex{min-width:960px;overflow-x:hidden;}*/
body#topIndex{background:#101113 url('../../common/img/tc_map_full.jpg') 49.9% -144px no-repeat; -webkit-background-size:2000px 1480px;}

/* =========================================================
 header
========================================================= */
#header{height:350px;background:none;position:relative;}

#socialBox{width:221px;background:url("../img/top_head_bg_social.png") left top no-repeat;position:absolute;right:0;top:246px;z-index:10;}
#socialBox li{float:left;padding:5px 0;}
#socialBox #btnTW{width:96px;margin-left:5px;}
#socialBox #btnFB{width:98px;margin-left:17px;}

/* =========================================================
 contents
========================================================= */
#contents{clear:both;padding:100px 0 80px;overflow:hidden;}
#contentsIn{width:960px;margin:0 auto;}

/*topics*/
#topics{width:551px;height:35px;margin:0 auto;padding-left:60px;line-height:35px;text-align:left;background:url('../img/top_topics_bg.png') left top no-repeat;position:relative;}

/*review*/
#review{width:191px;height:191px;float:right;margin:-122px -18px 0 0;position:relative;z-index:5;}

/*moviebox*/
#moviebox{width:590px;height:362px;margin:30px auto 233px;padding:10px 20px 20px 17px;background:url('../img/top_bg_movie.png') center top no-repeat;position:relative;}
#moviebox #btnAllMovie{width:129px;height:27px;position:absolute;right:5px;bottom:-35px;}
#moviebox #btnAllMovie a{display:block;width:113px;height:100%;background:url('../img/top_bg_btn_allmovie.png') left top no-repeat;overflow:hidden;}
#moviebox #btnAllMovie a:hover{background-position:left bottom;}
#moviebox #btnAllMovie a{text-align:left;padding-left:16px;}

/*newsbox*/
#newsbox{width:803px;height:35px;background:url('../img/top_bg_news.png') left top no-repeat;}
#newsbox h2{float:left;width:34px;margin:-1px 0 0 19px;line-height:35px;}
#newsbox dt{float:left;width:77px;margin-left:20px;line-height:35px;}
#newsbox dd{float:left;width:650px;line-height:35px;}
/*btnProduct*/
#btnProduct{width:127px;height:35px;background:url('../img/top_bg_btn_product.png') left top no-repeat;position:absolute;right:0;top:0;}
#btnProduct a{position:relative;top:-1px;}

/* =========================================================
 fancybox
========================================================= */
/*.fancybox-lock .fancybox-overlay { overflow-x:hidden; overflow-y:hidden; overflow:hidden; }*/
.fancybox-close{ position:absolute; z-index:8040; right:-28px; top:-57px; width:80px; height:80px; cursor:pointer; background:url('../../common/js/fancybox/tc_fancy_close.png') no-repeat scroll 0 0 transparent; }

/* =========================================================
 fix-banner
========================================================= */
.fix-banner{width:314px;background:url(../img/fix_bnr_bg.png) left top repeat-y;position:absolute;right:0;top:0;z-index:2010;}
.fix-banner-mask{overflow:hidden;position:relative; width:314px;/*height:860px;*/margin:55px 35px 0;}
.fix-banner-main{list-style:none;position:absolute;left:0;top:0;}
.fix-banner-main li{width:250px;height:80px;padding-bottom:10px;}

.fix-banner-nav li,
.fix-banner-nav li a{background-image:url(../img/fix_bnr_arrow.png);background-repeat:no-repeat;}
.fix-banner-nav li{width:26px;height:18px;text-indent:-9999px;background-position:0 36px;position:absolute;top:20px;}
.fix-banner-nav li a{display:block;width:100%;height:100%;}
.fix-banner-nav .current a{display:none;}

.fix-banner-nav-up{left:83px;}
.fix-banner-nav-up a{background-position:0 0;}
.fix-banner-nav-up a:hover{background-position:0 -18px;}
.fix-banner-nav-up.current{background-position:0 0;opacity:.6;}

.fix-banner-nav-down{left:212px;}
.fix-banner-nav-down a{background-position:-26px 0;}
.fix-banner-nav-down a:hover{background-position:-26px -18px;}
.fix-banner-nav-down.current{background-position:-26px 0;opacity:.6;}

.fix-banner-toggle{width:100px;height:20px;padding:5px 0;line-height:18px;position:absolute;left:-100px;top:20px;background-color:rgba(0,0,0,.35);}
.fix-banner-toggle .textBtn{position:relative;left:-5px;}
.fix-banner-toggle .shortBtn{display:block;width:10px;height:22px;position:absolute;right:0;top:4px;border-right:solid 10px #fff;}
.fix-banner-toggle:hover .textBtn{color:#02b1f4;}
.fix-banner-toggle:hover .shortBtn{border-right:solid 10px #02b1f4;}
.fix-banner-toggle.short{background:none;}
.fix-banner-toggle.short .textBtn{visibility:hidden;}
.fix-banner-toggle.short:hover{background-color:rgba(0,0,0,.35);}
.fix-banner-toggle.short:hover .textBtn{visibility:visible;}

#bnr-privilege a{background-image:url('../img/fix_bnr_privilege.jpg');}
#bnr-seasonpass a{background-image:url('../img/fix_bnr_seasonpass.jpg');}
#bnr-campaign a{background-image:url('../img/fix_bnr_campaign.jpg');}
#bnr-guide a{background-image:url('../img/fix_bnr_guide.jpg');}