html { min-height: 100%;font-size:62.5%; position: relative;background:#000;}
html::-webkit-scrollbar-track{border-radius: 5px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background:rgba(45,45,50,1)}
html::-webkit-scrollbar{width: 15px;background:rgba(45,45,50,1)}
html::-webkit-scrollbar-thumb{border-radius: 7px;border: 2px solid rgba(85,85,85,1); border: 3px solid rgba(50,50,50,1); background: rgba(15,15,15,1); background: rgba(115,115,115,1);}
html::-webkit-scrollbar-thumb:hover, html::-webkit-scrollbar-thumb:active{ background: rgba(155,155,155,1);}
body { margin:0 0 55px; padding:0; color:#fff;  font-family:Arial, "微軟正黑體","新細明體";  
font-size: 13px; font-size: 1.3rem; }
a{ outline: none; text-decoration:none; color:#fff; }
a:hover{ text-decoration: none; }
* .ckf strong { font-weight: bolder; text-shadow: -1px 1px 8px rgba(250,250,240,.35), 1px -1px 7px rgba(255,255,255,.55); }
* .ckf a { border-bottom: 2px dotted #fff; padding:0 15px 0 0; position:relative; margin:0 5px; }
* .ckf a:after { content:""; width: 12px; height:12px; background:url(../images/sprite_tableicon.png) no-repeat -328px -120px; position:absolute; right: 1px; top: 2px;}
* .ckf a:hover {color:rgba(155,205,50,1);border-bottom: 2px dotted rgba(155,205,50,1);}
* .ckf a:hover:after {background-position: -328px -132px;}

/*              ALL              */
/*      body  HEADER  style      */
body>header {width:100%; height:67px; background:rgba(45,45,50,1);border-bottom: 2px solid rgba(155,205,50,1); box-shadow: 0 1px 0px 0px rgba(45,45,50,1) ; z-index:5; position:relative;}
body>header h1 { margin:0; width: 185px; height:50px; text-indent: -9000px; white-space: nowrap; overflow:hidden;  position:absolute; left: 35px; top: 8px; }
body>header h1 a {display:block; height:100%;background:url(../images/sprite.png) no-repeat 0 0; }

/*      header  NAV  style      */
body>header nav { width:calc(100% - 435px); padding:0 0 0 0px; margin:0 185px 0 250px;   }
body>header nav ul { list-style:none; text-align: center; margin:0; padding:0;}
body>header nav ul li { float:left; width:calc(100%/7);  }
/*              IE9              */  body>header nav ul li{ width: 14%;\0;}
body>header nav ul li a { display:block; padding:18px 0px 10px; }
body>header nav ul li a span {display:inline-block; position:relative;}
body>header nav ul li a span:nth-child(1) { color:rgba(255,255,255,.5); font-family:"Times New Roman", Times; -moz-transform: scale(0.8);-webkit-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); width: 100%;}
body>header nav ul li a span:nth-child(2) { font-size:1.4rem; line-height:2rem; text-align:center; }
body>header nav ul li a span:nth-child(2):before { content:""; border-top:1px solid rgba(155,205,50,1); width:0%;  display:inline-block; position:absolute; left:50%; margin-left: -45%; top: 0; 
-moz-transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%;-o-transform-origin: 50% 50% ; transform-origin: 50% 50% ; }
body>header nav ul li:hover a span:nth-child(2):before,body.news>header nav li:nth-child(1) a span:nth-child(2):before,body.newscon>header nav li:nth-child(1) a span:nth-child(2):before, body.artists>header nav li:nth-child(2) a span:nth-child(2):before, body.artistscon>header nav li:nth-child(2) a span:nth-child(2):before,body.album>header nav li:nth-child(3) a span:nth-child(2):before,body.albumcon>header nav li:nth-child(3) a span:nth-child(2):before, body.schedule>header nav li:nth-child(4) a span:nth-child(2):before, body.member>header nav li:nth-child(5) a span:nth-child(2):before , body.member_login>header nav li:nth-child(5) a span:nth-child(2):before, body.cultural>header nav li:nth-child(7) a span:nth-child(2):before { border-top:1px solid rgba(155,205,50,1); width: 90%;}

/*      MOBILE_MENU  style      */
#mobile_menu {color: #fff; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; text-align: center; transition: all 0.5s; overflow: hidden;  display:none; z-index: 0;}
#mobile_menu ul {height: 100%; margin:0; padding:0;}
#mobile_menu ul li{ list-style:none;  border-bottom: 1px solid #222;font-size: 3rem; }
#mobile_menu ul li a { display: block; height:100%; padding:5% 0; }
#mobile_menu.open { opacity: 1; overflow: auto; z-index:7;}
#mobile_menubtn { position: fixed; top:25px; right:10px; list-style:none; display:none;}
#mobile_menubtn a {width: 40px; height: 50px; display: block;}
#mobile_menubtn a:hover { cursor: pointer;}
#mobile_menubtn a span {display: block; width: 40px; height: 3px; margin: 0 0 5px; background: #fff;}
#mobile_menubtn a.open span { background: #fff;}
#mobile_menubtn a.open span:first-child { -moz-transform: rotate(45deg); -ms-transform: rotate(45deg);  -o-transform: rotate(45deg); -webkit-transform: rotate(45deg);  transform: rotate(45deg); -moz-transform-origin: 10px 50%; -ms-transform-origin: 10px 50%;  -o-transform-origin: 10px 50%; -webkit-transform-origin: 10px 50%; transform-origin: 10px 50%;}
#mobile_menubtn a.open span:nth-child(2) { opacity: 0;}
#mobile_menubtn a.open span:nth-child(3) { -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);-moz-transform-origin: 8px 50%; -ms-transform-origin: 8px 50%; -webkit-transform-origin: 8px 50%; -o-transform-origin: 8px 50%; transform-origin: 8px 50%;}

#bubble { width: 100%; height: 100%; opacity: .9; position: fixed; display: none; background: rgba(0,0,0,.9);z-index: -10; }

/*     header  SUBNAV  style     */
body>header div.subnav { position: absolute; right: 0; background:rgba(45,45,50,1);}
body>header div.subnav ul{ margin:0; padding:0; list-style:none;background:rgba(45,45,50,1);}
body>header div.subnav ul li {float: left; width: 60px; height: 67px;background:rgba(45,45,50,1);
text-indent: 100%;white-space: nowrap; overflow:hidden; border-left: 1px solid rgba(255,255,255,.15)}
body>header>div.subnav>ul li:nth-child(1),body>header>div.subnav>ul li:nth-child(2),body>header>div.subnav>ul li:nth-child(3) {background-image: url(../images/sprite.png);}
body>header>div.subnav>ul li:nth-child(1) { background-position: -60px -505px;  }
body>header>div.subnav>ul li:nth-child(2) { background-position: -60px -575px; }
body>header>div.subnav>ul li:nth-child(3) { background-position: -60px -645px; }
body>header>div.subnav>ul li a { background:#2d2a31 url(../images/sprite.png); display: block; width: 60px; height: 67px;}
body>header>div.subnav>ul li:nth-child(1) a { background-position:0px -505px ;}
body>header>div.subnav>ul li:nth-child(2) a { background-position:0px -575px ;}
body>header>div.subnav>ul li:nth-child(3) a { background-position:0px -645px ;}
body>header>div.subnav>ul li a:hover { background:transparent ; }


body>header div.subnav .lightbox {  position: absolute; top:-350px; width:183px;  background:rgba(161,4,52,.8); z-index:-1; text-align:center;background:rgba(155,205,50,1); color:#fff; font-size:1.5rem; font-weight:bold; padding-top:67px; opacity:0;}
body>header div.subnav #lightbox-controls {  position: absolute;  height:67px;  width:60px;  top:-70px;  right:63px;  z-index:502;  background:rgba(0,0,0,.8); overflow:hidden;}
body>header div.subnav #close-lightbox { display:block; position:absolute; overflow:hidden; height:100px; width:100px; text-indent:-5000px; right:-20px;  top:-15px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);}
body>header div.subnav #close-lightbox:before {content:''; display:block; position:absolute; height:0px; width:3px; left:43px; top:32px; background:white;border-radius:2px; -webkit-transition: .3s .3s ease-in-out; -moz-transition: .3s .3s ease-in-out; -ms-transition: .3s .3s ease-in-out;  -o-transition:.3s .3s ease-in-out;  transition:.3s .3s ease-in-out;}
body>header div.subnav #close-lightbox:after {	content:''; display:block; position:absolute; width:0px; height:3px; top:45px; left:30px; background:white;border-radius:2px; -webkit-transition: .2s 1s ease-in-out; -moz-transition: .2s 1s ease-in-out; -ms-transition: .2s 1s ease-in-out; -o-transition:.2s 1s ease-in-out;  transition:.2s 1s ease-in-out;}
body>header div.subnav .lightbox:target {  top:0px;  opacity:1;}
body>header div.subnav .lightbox:target ~ #lightbox-controls {  top:0px;}
body>header div.subnav .lightbox:target ~ #lightbox-controls #close-lightbox:after {  width:30px;}
body>header div.subnav .lightbox:target ~ #lightbox-controls #close-lightbox:before {  height:30px;}


/*     header  SUBNAV2  style     */
body>header div.subnav2 { position: absolute; top: 18px; right: 30px; overflow: hidden;width: 120px; height: 0px; padding: 15px; background:rgba(0,0,0,1); border-radius: 30px; -webkit-transition: all 300ms cubic-bezier(.6, -0.3, .3, 1.3);  -moz-transition: all 300ms cubic-bezier(.6, -0.3, .3, 1.3); -ms-transition: all 300ms cubic-bezier(.6, -0.3, .3, 1.3); -o-transition: all 300ms cubic-bezier(.6, -0.3, .3, 1.3); transition: all 300ms cubic-bezier(.6, -0.3, .3, 1.3);  z-index:-9999; display:none;}
body>header div.subnav2.closed { width: 0; height: 0; border-radius: 50%;  }
body>header div.subnav2>a:hover { color: rgba(155,205,50,1);}
body>header div.subnav2 .toggle { position: absolute; top: 0; right: 0; width: 30px; height: 30px; font-size: 33px; line-height: 30px; text-align: center;background:#000; border-radius: 50%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);-webkit-transform-origin: 50%; -ms-transform-origin: 50%; -o-transform-origin: 50%; -moz-transform-origin: 50%; transform-origin: 50%;  }
body>header div.subnav2.closed .toggle {-webkit-transform:rotate(0); -ms-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0); transform:rotate(0);background:#2d2a31;border-radius: 50%;}
body>header div.subnav2 ul {opacity:1; list-style:none; padding:0;margin:0;position:absolute; top:0;}
body>header div.subnav2.closed ul { opacity: 0;}
body>header div.subnav2 ul li { float: left; padding: 0px; margin-left: 0; -ms-transition: all 600ms; -o-transition: all 600ms; -moz-transition: all 600ms; -webkit-transition: all 600ms; transition: all 600ms;}
body>header div.subnav2.closed ul li { margin-left: 50px; }
body>header div.subnav2>ul li a { text-indent: -999999px; display: block; width: 35px; height: 30px; overflow: hidden; background-image:url(../images/sprite.png);}
body>header>div.subnav2>ul li:nth-child(1) a { background-position:-150px -635px ;}
body>header>div.subnav2>ul li:nth-child(2) a { background-position:-150px -575px ;}
body>header>div.subnav2>ul li:nth-child(3) a { background-position:-150px -695px ;}
body>header div.subnav2>ul li:nth-child(1) a:hover { background-position:-150px -665px ;}
body>header div.subnav2>ul li:nth-child(2) a:hover { background-position:-150px -605px ;}
body>header div.subnav2>ul li:nth-child(3) a:hover { background-position:-150px -725px ;}

/*     body   FULLbackground  style      */
#video-bg {position: fixed; right: 0; bottom: 0; width: auto; min-width: 100%; height: auto; min-height: 100%; z-index: 0; background: #000; background-size: cover; }
#background-fill {position:fixed; top:0; left:0;width:100%;height:100%;overflow:auto;opacity:0.5; background: rgba(225,225,35,0.0) url(../images/dot.png) repeat; z-index:0; } 

/*             FOOTER            */
footer { height: 54px; background:#000000 url(../images/sprite.png) no-repeat -120px -505px;color:#888; position: absolute; bottom:0; width:100%; border-top: 1px solid #9ccf36; overflow:hidden; z-index:1; }
footer p { position:absolute; right: 10px; top: 0; line-height:55px; margin:0;}
footer ul { list-style:none; margin: 0 0 0 50px; }
footer ul li { float:left;line-height:54px; }
footer ul li a { color:#ccc; padding: 0 20px; border-bottom:1px solid rgba(155,205,50,0); }
footer ul li a:hover,body.about footer ul li:nth-child(1) a,body.join footer ul li:nth-child(2) a,body.contact footer ul li:nth-child(3) a,body.privacy footer ul li:nth-child(4) a,body.copyright footer ul li:nth-child(4) a,body.app footer ul li:nth-child(5) a  { color:rgba(155,205,50,1);}
body.copyright footer ul li:nth-child(4) a,body.cultural.copyright footer ul li:nth-child(4) a,body.privacy.app footer ul li:nth-child(3) a {color:#ccc;}
body.home footer {position: fixed; border-top: 1px solid #000;}

/*             ANIMATE            */
a,span,p,div,em,img, ol, ul, li,h1, h2, h3, h4, h5, h6,dl, dt, dd,form, label, table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas,figure, figcaption, footer, header, hgroup,menu, nav, section, summary,time, mark, audio, video,body.home header *,body.home footer *,.home nav *,.home #bubble *,.home #mobile_menubtn * {-moz-transition:all .35s; -webkit-transition:all .35s; -ms-transition:all .35s;-o-transition:all .35s; transition:all .35s;  }
body.home *,.member_login>main.login4 article>div .list_toggle *,.newscon>main #photos *,.artistsnav * {-moz-transition: none; -webkit-transition: none; -ms-transition: none;-o-transition: none; transition: none;}
:before,:after{-moz-transition:all .5s; -webkit-transition:all .5s; -ms-transition:all .5s;-o-transition:all .5s; transition:all .5s; }

.animated{-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);}100%{opacity:1;-webkit-transform:translateY(0);}}@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translateY(-20px);}100%{opacity:1;-moz-transform:translateY(0);}}@-o-keyframes fadeInDown{0%{opacity:0;-o-transform:translateY(-20px);}100%{opacity:1;-o-transform:translateY(0);}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px);}100%{opacity:1;transform:translateY(0);}}.animated.fadeInDown{-webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown;-o-animation-name:fadeInDown;animation-name:fadeInDown;}
@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);}100%{opacity:1;-webkit-transform:translateY(0);}}@-moz-keyframes fadeInUpBig{0%{opacity:0;-moz-transform:translateY(2000px);}100%{opacity:1;-moz-transform:translateY(0);}}@-o-keyframes fadeInUpBig{0%{opacity:0;-o-transform:translateY(2000px);}100%{opacity:1;-o-transform:translateY(0);}}@keyframes fadeInUpBig{0%{opacity:0;transform:translateY(2000px);}100%{opacity:1;transform:translateY(0);}}.animated.fadeInUpBig{-webkit-animation-name:fadeInUpBig;-moz-animation-name:fadeInUpBig;-o-animation-name:fadeInUpBig;animation-name:fadeInUpBig;}


/*           ALL PAGE          */
/*        IMAGEROTATION        */
.imageRotation > .imageRbox{ position:absolute;top:0px;left:0px; width:100%; margin:0; padding:0; }
.imageRotation > .imageRbox li { position:absolute;top:0;left:0;height:100%;width:100%;display:block;opacity:0; background-repeat:no-repeat; background-position:center center;background-size:cover;}
.imageRotation > .imageRbox li:nth-child(1){ opacity: 1;}
.imageRotation > .Rbtn2 {position: absolute; z-index:2;font-size:1rem; font-weight:900;}
.imageRotation > .Rbtn2 .Rprebtn,.imageRotation > .Rbtn2 .Rnextbtn{ cursor:pointer;  display:inline-block;  }
.imageRotation > .Rbtn2 .Rprebtn { left:0px; }
.imageRotation > .Rbtn2 .Rnextbtn { right:0px;position:absolute; }
.icoBtn{ height:12px;text-align:center;line-height:40px; position: absolute; z-index:12; margin-left:-8px; }
.icoBtn span{display:inline-block;height:10px;width:10px;margin-left:15px;overflow:hidden;background:rgba(255,255,255,.5);cursor:pointer; border-radius:50%; box-shadow:2px 2px 5px 0px rgba(0,0,0,0.1);	}
.icoBtn span.active {background:rgba(255,255,255,1.0); box-shadow:2px 2px 5px 0px rgba(0,0,0,0.3); cursor:default;	}
.icoBtn span:hover { background:rgba(255,255,255,0.7);}



/*        MSLIDER        */
.Mslider {position: relative; }
.Mslider ul { margin: 0; padding: 0; list-style:none;}
.Mslider ul > li {position: absolute;}
.Mslider ul > li > .Mcontroller,.Mslider ul > li > .Mcontroller em,.Mslider ul > li > .Mcontroller span {position: absolute;}
.Mslider ul > li > .Mcontroller span {display: block;  z-index: 3; cursor: pointer; }
.Mslider ul > li > .Mcontroller span:after { content: "﹤"; position:absolute; }
.Mslider ul > li > .Mcontroller span.none{   opacity:.2; }
.Mslider ul > li > .Mcontroller span.next{ right: 0;}
.Mslider ul > li > .Mcontroller span.next:after { content: "﹥"; }

/*             MAIN            */
main { position:relative; z-index:1;overflow:hidden; margin:0 50px;   }
body.about>main { margin:0;}
/*           ARTICLE            */
body.about>article { margin:0 50px;   }
/*              H2            */
.member>main>h2,.member_login>main>h2,.privacy>main>h2,.about>main>h2,.join>main>h2,.news>main>h2,.newscon>main>header h2,.artists>main>h2,.album>main>h2,.albumcon>main>h2,.artistscon>main>header h2 ,.schedule>main>header h2 { font-size:2rem; position:relative; letter-spacing:1.0em; text-indent:1.0em; text-align:center; margin: 0px 0 25px; padding:60px 0 0; }
.member>main>h2 span,.member_login>main>h2 span,.privacy>main>h2 span,.about>main>h2 span,.join>main>h2 span ,.news>main>h2 span,.newscon>main>header h2 span,.artists>main>h2 span,.album>main>h2 span,.albumcon>main>h2 span,.artistscon>main>header h2 span,.schedule>main>header h2 span{ position:absolute; width:100%; top: 30px; right: 0; font-family:"Times New Roman", Times, serif; font-size: 1.2rem; -webkit-transform: scale(0.85);transform: scale(0.85);letter-spacing:2px; letter-spacing:3px; text-indent:3px; }
.member>main>h2 span:after,.member_login>main>h2 span:after,.privacy>main>h2 span:after,.about>main>h2 span:after,.join>main>h2 span:after,.news>main>h2 span:after,.newscon>main>header h2 span:after,.artists>main>h2 span:after,.album>main>h2 span:after,.albumcon>main>h2 span:after ,.artistscon>main>header h2 span:after ,.schedule>main>header h2 span:after { content: ""; width: 50px; height:1px; border-bottom:1px solid rgba(155,205,50,1); background:transparent; position:absolute; left: 50%; margin-left:-25px; top: 20px; }

/*      div DECORATION style     */
.member>main>div,.member_login>main>div,.privacy>main>div,.join>main>aside,.albumcon>main>div:nth-child(2), .schedule>main>header>div { width: 75%; margin-left: 25%;line-height:40px;  position:relative; background: linear-gradient( to right, rgba(155,205,50,1), rgba(155,205,50,1) 70%,  rgba(155,205,50,0) 100%);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#9bcd32', EndColorStr='#161e05',GradientType=1 )";}
.member>main>div:before,.member_login>main>div:before,.privacy>main>div:before,.join>main>aside:before,.news>main>h2:after,.newscon>main>header time:before,.albumcon>main>div:nth-child(2):before,.artistscon>main>header div:before, .schedule>main>header>div:before { content: ""; position:absolute; top: 0px; left:-25px; width: 0px; height: 0px; border-style: solid; border-width: 0 0 40px 25px; border-color: transparent transparent rgba(155,205,50,1) transparent ;}
.member>main>div:after,.member_login>main>div:after,.privacy>main>div:after,.news>main>h2:after,.newscon>main>header time:after,.albumcon>main>div:nth-child(2):after,.artistscon>main>header div:after, .schedule>main>header>div:after { content:""; position:absolute; left:14px; bottom: 0;  width: 10px; height: 160px; background-color: transparent; -ms-transform: skewX(-32deg); -webkit-transform: skewX(-32deg); transform: skewX(-32deg); border-right: 1px solid rgba(155,205,50,1); }
.member>main>div span,.member_login>main>div span,.privacy>main>div span,.join>main>aside span,.newscon>main>header time span,.albumcon>main>div:nth-child(2) span,.artistscon>main>header div span, .schedule>main>header>div span{ height: 40px; line-height:40px; overflow:hidden; display:block; font-size:6rem; font-family:"Times New Roman", Times, serif; font-style:italic; color: rgba(135,175,40,1); letter-spacing:0.5em; font-weight: bold; }



/*    H2 horizontal  */
.newscon>main>header,.artistscon>main>header{ position:relative; width: 100%; min-height:160px; }
.newscon>main>header h1,.artistscon>main>header h1 { width: calc(73% - 85px); float:right; padding:10px 0; margin:0 0 0 85px;  font-size:3em; line-height:1.3em; padding-top:20px;}

.newscon>main>header h2,.artistscon>main>header h2 { width: calc(27% - 6em); padding-right:6em; text-align: right; margin:0;  }
.newscon>main>header h2 span,.artistscon>main>header h2 span {top: auto; bottom: 0; right:2em;width: auto; display:inline;}
.newscon>main>header time,.artistscon>main>header div {  width: calc(73% + 10px); clear:both;display: block; line-height:40px; height:40px;position:absolute; right:0; bottom:0;font-family:"Times New Roman", Times, serif;font-size:30px; vertical-align:top; font-style:italic; background: -prefix-linear-gradient(to right, rgba(155,205,50,1) 0%, rgba(155,205,50,1) 30%,rgba(155,205,50,.7) 70%, rgba(155,205,50,0) 100%);background: linear-gradient(to right, rgba(155,205,50,1) 0%, rgba(155,205,50,1) 30%,rgba(155,205,50,.7) 70%, rgba(155,205,50,0) 100%);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#9bcd32', EndColorStr='#384128',GradientType=1 )"; }
.newscon>main>header time span,.artistscon>main>header div span {  display:inline-block;  }
.newscon>main>header time em,.artistscon>main>header div em {display:inline-block; width:15px}
@-moz-document url-prefix() { 
.newscon>main>header time span { font-size:6.5rem; position:absolute; left:20px; }
.newscon>main>header time { padding:0 0 0 280px;  width: calc(73% - 270px); }
.artistscon>main>header div span { font-size:6.5rem; letter-spacing:2.5rem; position:absolute; left:10px; z-index:0}
.artistscon>main>header div {padding:0 0 0 450px; width: calc(73% - 460px); }
.albumcon>main>div:nth-child(2) span {font-size:6.5rem;}
}


/*     black   BACKGROUND   style   */
body.member:after,body.member_login:after,body.privacy:after,body.about:after,body.join:after,body.newscon:after,body.albumcon:after { top: 205px; left:0; content:""; position: absolute; width: 100%; height:calc(100% - 205px); background:rgba(0,0,0,0.7); z-index:0;}
body.about:after { top: 235px; height:calc(100% - 235px);}
body.join:after { top: 555px; height:calc(100% - 555px);}
body.newscon:after {top: 225px; width:100%;height:calc(100% - 225px); background: linear-gradient( to right, rgba(0,0,0,0.0), rgba(0,0,0,0.0) 47%, rgba(0,0,0,0.7) 47%, rgba(0,0,0,0.7) 100%);}


/*      ARTICLE style     */
.member_login>main article,.privacy>main article {  margin-top:25px;}

/*    NAV style  (about.member.join)     */
.about>main article>nav,.member_login>main article>nav,.join>main article>nav { width: 25%; float:left; padding:0; margin:0;  }
.about>main article>nav ul,.member_login>main article>nav ul,.join article>nav ul { max-width: 250px; margin: 0px auto 40px; list-style:none; border-right: 1px solid rgba(115,140,155,1); padding:0; }
.about>main article>nav ul li,.member_login>main article>nav ul li,.join>main article>nav ul li { line-height: 65px; text-align:center; position: relative; }
.about>main article>nav ul li:before,.member_login>main article>nav ul li:before,.join>main article>nav ul li:before {  content: ""; position: absolute; height: 0; width: 0px; right: 1px; top: 50%; margin-top: -5px; border-top: 6px solid rgba(155,205,50,0); border-bottom: 6px solid rgba(155,205,50,0); border-right: 10px solid rgba(155,205,50,0); }
.about>main article>nav ul li:hover:before,.about>main article>nav ul.about1>li:nth-child(1):before,.about>main article>nav ul.about2>li:nth-child(2):before,.about>main article>nav ul.about3>li:nth-child(3):before,.about>main article>nav ul.about4>li:nth-child(4):before,.about>main article>nav ul.about5>li:nth-child(5):before,.about>main article>nav ul.about6>li:nth-child(6):before,.member_login>main article>nav ul li:hover:before,.member_login>main.login2 article>nav ul li:nth-child(1):before,.member_login>main.login3 article>nav ul li:nth-child(2):before,.member_login>main.login4 article>nav ul li:nth-child(3):before ,.join>main article>nav ul li:hover:before, .join>main.join1 article>nav ul>li:nth-child(1):before,.join>main.join2 article>nav ul>li:nth-child(2):before,.join>main.join3 article>nav ul>li:nth-child(3):before { border-right-color: rgba(155,205,50,1); }
.about>main article>nav ul li a,.member_login>main article>nav ul li a,.join>main article>nav ul li a { display: block; margin:0 10px 0 0 ; border-bottom: 1px solid rgba(115,140,155,1); }

/*modify*/
.about>main article>nav ul li {  display: flex; min-height: 65px; justify-content: center; resize: vertical;flex-direction: column; /*  overflow: auto; */ margin:0 8px;  border-bottom: 1px solid rgba(115,140,155,1);}
.about>main article>nav ul li:nth-last-child(1) { border: none;}
.about>main article>nav ul li a { line-height:14px; display:block; height:100%; width:100%;   /**/padding:15px 0 ; border:none }
.about>main article>nav ul li:before {  right: -7px;}
/*******/


.about>main article>nav ul li:nth-last-child(1) a,.member_login>main article>nav ul li:nth-last-child(1) a,.join>main article>nav ul li:nth-last-child(1) a { border:none;}
.about>main article>nav ul li a:hover, .about>main article>nav ul.about1>li:nth-child(1) a,.about>main article>nav ul.about2>li:nth-child(2) a,.about>main article>nav ul.about3>li:nth-child(3) a,.about>main article>nav ul.about4>li:nth-child(4) a,.about>main article>nav ul.about5>li:nth-child(5) a,.about>main article>nav ul.about6>li:nth-child(6) a ,.member_login>main article>nav ul li a:hover, .member_login>main.login2 article>nav ul li:nth-child(1) a,.member_login>main.login3 article>nav ul li:nth-child(2) a,.member_login>main.login4 article>nav ul li:nth-child(3) a,.join>main article>nav ul li a:hover, .join>main.join1 article>nav ul>li:nth-child(1) a,.join>main.join2 article>nav ul>li:nth-child(2) a,.join>main.join3 article>nav ul>li:nth-child(3) a { color:rgba(155,205,50,1);}

/*      LIST HOVER style     */
.album>main>ul.latest>li>a:before,.news>main>ul.list li:before { content:""; position:absolute;width: 80px; height: 80px; border-top:1px solid #a2d015;border-right:1px solid #a2d015; top: 50%; right: 20%;-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg); margin-top:-45px; margin-right:-10em; opacity:0;}
.album>main>ul.latest>li>a:after,.news>main>ul.list li:after { content: "詳細介紹"; position: absolute; color:#a2d015; left: 45%; top: 50%; margin-left:-15em; margin-top:-0.5em; letter-spacing:1.5em; opacity: 0;}
.album>main>ul.latest>li>a:hover img,.news>main>ul.list li:hover img {opacity: 0.4;-webkit-transform: scale3d(1.3,1.3,1);-moz-transform: scale3d(1.3,1.3,1);-ms-transform: scale3d(1.3,1.3,1);-o-transform: scale3d(1.3,1.3,1);transform: scale3d(1.3,1.3,1);}
.album>main>ul.latest>li>a:hover:before,.news>main>ul.list li:hover:before {opacity: 1.0; margin-right:-0;}
.album>main>ul.latest>li>a:hover:after,.news>main>ul.list li:hover:after { opacity: 1.0; margin-left:-5em;}

/*      PAGING style     */
body.news>main .paging,body.album>main .paging { margin:20px 0 0; background:#930; clear:both; text-align:right; right: -10%; background-color: rgba(154,205,50,0.5); margin-left:60%; position:relative; height:30px;  } 
body.news>main .paging a,body.album>main .paging a { font-size:12px; line-height:26px; border-bottom:3px solid rgba(255,255,255,0); display:block; float:left;padding:1px 5px 0;  margin:0 0 0 15px;}
body.news>main .paging a:hover,body.album>main .paging a:hover {border-bottom:3px solid #fff;}
body.news>main .paging:before,body.album>main .paging:before { content: "";position:absolute; width: 1px; height:800px;left: 220px; border-left:1px solid #8dbd35; position:absolute; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);  bottom: -150px; z-index:-1;}
body.news>main .paging:after,body.album>main .paging:after { content: ""; width: 0; height: 0; border-bottom: 30px solid rgba(154,205,50,0.5); border-left:30px solid transparent; position:absolute; left:-30px;}


/*  socialnetwork ASIDE style     */
.newscon>main aside ul,.join aside.socialnetwork ul,.albumcon div.decoration ul { width: px; position:absolute; right: 0; list-style:none; padding:0; margin:0;}
.newscon>main aside ul:before { content: "share:"; position:absolute; right: 270px; top: 17px;font-family:"Times New Roman", Times, serif; font-weight:bold; font-style:italic;  }
.newscon>main aside li,.join aside.socialnetwork li,.albumcon div.decoration li  { float:left; margin:0 10px 0 5px; padding:17px 20px 18px;  cursor: pointer;}
.newscon>main aside li a,.join aside.socialnetwork li a,.albumcon div.decoration li a { display:block; width: 25px; height: 25px; background:url(../images/sprite.png)no-repeat; } 
.newscon>main aside li:nth-child(1) a,.join aside.socialnetwork li:nth-child(1) a,.albumcon div.decoration li:nth-child(1) a { background-position: 0 -715px;}
.newscon>main aside li:nth-child(2) a,.join aside.socialnetwork li:nth-child(2) a,.albumcon div.decoration li:nth-child(2) a { background-position: -25px -715px;}
.newscon>main aside li:nth-child(3) a,.join aside.socialnetwork li:nth-child(3) a,.albumcon div.decoration li:nth-child(3) a { background-position: -50px -715px;}
.newscon>main aside li:nth-child(1):hover a,.join aside.socialnetwork li:nth-child(1):hover a,.albumcon div.decoration li:nth-child(1):hover a{ background-position: 0 -740px;}
.newscon>main aside li:nth-child(2):hover a,.join aside.socialnetwork li:nth-child(2):hover a,.albumcon div.decoration li:nth-child(2):hover a{ background-position: -25px -740px;}
.newscon>main aside li:nth-child(3):hover a,.join aside.socialnetwork li:nth-child(3):hover a,.albumcon div.decoration li:nth-child(3):hover a{ background-position: -50px -740px;}






/**********************
***********************
***********************
**********HOME*********
***********************
***********************
**********************/

body.home {height: 100%; width: 100%; margin:0; padding:0; overflow-y:hidden;}
body.home > .imageRotation { height: calc(100% - 70px); width: 100%; position: absolute; background:#000; }
body.home > .imageRotation > .imageRbox:before { content:""; width: 100%; height: 100%; background:url(../images/dot.png) repeat; position:absolute; top: 0; left:0; z-index:1; }
body.home > .imageRotation > .imageRbox:after { content:""; width: 100%; height:25%; display:block; position:absolute; left:0; bottom:0; background: linear-gradient( to top, rgba(0,0,0,.7), rgba(0,0,0,.3) 70%,  rgba(0,0,0,0) 100%); z-index:1;}
body.home > .imageRotation > .imageRbox { height:100%;}
body.home > .imageRotation > .imageRbox li img { opacity:0;}
body.home > .imageRotation > .Rbtn2 { position:relative; top: calc(100% - 210px); z-index:2; margin: auto; width:280px;}
body.home > .imageRotation > .icoBtn{position:absolute; width:100%; bottom:210px;  }
body.home > .imageRotation > .titleRbox { position:absolute; bottom:270px; width:100%; z-index:1;}
body.home > .imageRotation > .titleRbox p { position:absolute; bottom:40px; width:100%; line-height:3rem; font-size: 2rem; opacity:0; text-align:center;}
body.home > .imageRotation > .titleRbox a { display:inline-block; background: rgba(155,205,50,.7);background: linear-gradient(to left, rgba(155,205,50,0) 0%, rgba(155,205,50,0.7) 20%, rgba(155,205,50,0.7) 80%, rgba(155,205,50,0) 100%);letter-spacing: 1rem; padding:0 50px}
body.home > .imageRotation > .titleRbox p:nth-child(1){ bottom:0px;opacity:1; }
body.home > .imageRotation > .titleRbox2{ position:absolute; bottom:205px; width:100%; z-index:1; height:40px; }
body.home > .imageRotation > .titleRbox2 p{ position:absolute; bottom:-40px; width:100%; height:40px;line-height:40px; opacity:0; text-align:center;font-size: 4.5rem;line-height: 7.5rem;text-shadow: 2px 2px 2px rgba(0,0,0,1.0);text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.35);}
body.home > .imageRotation > .titleRbox2 p a { display:inline-block; }
body.home > .imageRotation > .titleRbox2 p:nth-child(1){ bottom:0px;opacity:1; }

/*  home NEWS#MARQUEE  */
div#news_marquee {	position: fixed; right: 0; bottom: 55px;width: 55%; min-width:500px;height: 40px; padding: 0 0 0 100px; background: url(../images/sprite.png) no-repeat -85px -755px; overflow: hidden; z-index:2;	}
div#news_marquee ul {position: absolute;background:rgba(155,205,50,0.6); width: 100%; list-style: none;}
div#news_marquee ul, div#news_marquee li {margin: 0;padding: 0;}
div#news_marquee ul li a {display: block; overflow: hidden;font-size: 1.3rem;height: 40px; line-height: 40px; text-shadow:1px 1px 5px rgba(95,120,30,1); letter-spacing:1px;}
div#news_marquee ul li a:hover { text-decoration:underline;}






/**********************
***********************
***********************
**********NEWS*********
***********************
***********************
**********************/
.news>main{padding:0 25px 0 50px; margin:0px; position:relative; overflow:hidden; }


.news>main>h2:after {  -ms-transform: skewX(-50deg); -webkit-transform: skewX(-50deg); transform: skewX(-50deg);  width: 20px; height: 320px; left:14px; bottom: -230px;}
.news>main>ul.list { list-style:none; margin:0; padding:0; width:100%; height:400px}
.news>main>ul.list li { float: left; width:calc(94% / 3); margin:0 2% 20px 0; padding:0; min-width:300px;  position: relative; background:#000; overflow:hidden; overflow:hidden;box-shadow: 3px 3px 18px 0px #000;  line-height:0; overflow:hidden;}
.news>main>ul.list li img {width:100%; margin:0; padding:0; }
.news>main>ul.list div {background: rgba(0,0,0,0.6); position:absolute; bottom: 0; width:100%; height:6rem; }
.news>main>ul.list div h3 { float:left; width: calc(75% - 15px); padding:3px 5px 0 10px ; margin:0;line-height: 2.3rem; font-size:1.6rem; font-weight:normal; }
.news>main>ul.list div:after {content: "more"; display:block; background:rgba(155,205,50,1);font-family:"Times New Roman", Times, serif; font-style:italic; color:#1a1d1e; text-align:right; line-height:1.2rem; font-size: 1.4rem;padding:0 10px 0 0; position:absolute; right: 0; bottom: 0; width:calc(75% - 10px); font-weight:bold; }
.news>main>ul.list div span { float: left; height:6rem; width: 25%;padding: 0.4em 0 0; margin:0; display:block;line-height: 1em; text-align:center;background-color: rgba(0,0,0,0.6);font-family:"Times New Roman", Times, serif; font-style:italic; font-size:2.7rem; }
.news>main>ul.list div span em { display:block; font-size: 1.5rem;color:rgba(255,255,255,.6);letter-spacing:0.5rem; text-indent: 0.5rem;}
.news>main>ul.list li:hover a {opacity: 0.25;}

/*      ARTIST NAV style     */
.artistsnav { position: absolute; width: 300px; height:40px; margin:0; padding:0; top: 30px; right: 20px; }
.artistsnav > .box{ position: relative;}
.artistsnav > .box span { margin:0; line-height:45px; color:#8bbf1c; font-size:1.8rem; letter-spacing:0.7em;position: relative;  z-index: 2;cursor: pointer; display:block; padding:0 0 0 20px; }
.artistsnav > .box span:after { content:""; -o-transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg); border-bottom: 1px solid #8bbf1c;border-right: 1px solid #8bbf1c; width: 10px; height: 10px; position:absolute; right: 10px; top: 10px;}

.artistsnav > .box ul{  margin: 0px;  padding: 0px;  display: none; position: absolute;  top: 45px; left: 0;  width:275px;  background-color: rgba(138,189,33,0);  list-style: none; z-index:1;
 height:276px; overflow-y:scroll;}
 
.artistsnav > .box ul::-webkit-scrollbar-track{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background:rgba(45,45,50,.3)}
.artistsnav > .box ul::-webkit-scrollbar{border-radius: 5px;width: 15px;background:rgba(45,45,50,.1);}
.artistsnav > .box ul::-webkit-scrollbar-thumb{border-radius: 7px;border: 2px solid rgba(85,85,85,1); border: 3px solid rgba(50,50,50,1); background: rgba(15,15,15,1); background: rgba(138,189,33,1);}
.artistsnav > .box ul::-webkit-scrollbar-thumb:hover, .artistsnav > .box ul::-webkit-scrollbar-thumb:active{ background: rgba(155,155,155,1);}

 
.artistsnav > .box:hover > ul {display:block;}
.artistsnav > .box ul li {  width: 250px; position: relative;  border-bottom: 1px solid #b8dc6e;}
.artistsnav > .box ul li a{ text-align:center; display: block; line-height:45px; height:45px; background-color: rgba(138,189,33,1.0); color:#fff;   position: relative; } 
.artistsnav > .box ul li a:hover{ background-color: rgba(138,189,33,0.1); } 
.artistsnav ul li img { position:absolute; top: 0; left:0; z-index:-1;}
.artistsnav .box > a{  position: relative;}



.news>main>ul.list>li:nth-child(1){ animation-delay:0.2s; -moz-animation-delay:0.2s; -webkit-animation-delay:0.2s; }
.news>main>ul.list>li:nth-child(2){ animation-delay:0.4s; -moz-animation-delay:0.4s; -webkit-animation-delay:0.4s; }
.news>main>ul.list>li:nth-child(3){ animation-delay:0.6s; -moz-animation-delay:0.6s; -webkit-animation-delay:0.6s; }
.news>main>ul.list>li:nth-child(4){ animation-delay:0.8s; -moz-animation-delay:0.8s; -webkit-animation-delay:0.8s; }
.news>main>ul.list>li:nth-child(5){ animation-delay:1s; -moz-animation-delay:1s; -webkit-animation-delay:1s; }
.news>main>ul.list>li:nth-child(6){ animation-delay:1.2s; -moz-animation-delay:1.2s; -webkit-animation-delay:1.2s; }
.news>main>ul.list>li:nth-child(7){ animation-delay:1.4s; -moz-animation-delay:1.4s; -webkit-animation-delay:1.4s; }
.news>main>ul.list>li:nth-child(8){ animation-delay:1.6s; -moz-animation-delay:1.6s; -webkit-animation-delay:1.6s; }
.news>main>ul.list>li:nth-child(9){ animation-delay:1.8s; -moz-animation-delay:1.8s; -webkit-animation-delay:1.8s; }






/**********************
***********************
***********************
********NEWSCON********
***********************
***********************
**********************/

.newscon>main{ position:relative; z-index:2 }
.newscon>main aside { width:47%; height: 60px;  position:absolute;animation-delay:0.2s; -moz-animation-delay:0.2s; -webkit-animation-delay:0.2s; }
.newscon>main article { float:right; width:50%; padding:2em 0 0 ; animation-delay:0.6s; -moz-animation-delay:0.6s; -webkit-animation-delay:0.6s; }
.newscon>main article>.ckf {margin:0 0em 1em 2em; padding:0; }


/*         BACK btn style      */ 
.newscon>a.back { display: block; right:53%; bottom: 55px; position: absolute; width: 110px; height: 50px; text-align: right; padding:200px 20px 0 0; z-index:1;  overflow:hidden;color:rgba(155,205,50,1);}
.newscon>a.back:before {content:""; width: 120px; height: 155px; position:absolute; ; right:56px; bottom: 0px;  width: 20px; height: 175px; background-color: transparent; -ms-transform: skewX(-32deg); -webkit-transform: skewX(-32deg); transform: skewX(-32deg); border-right: 1px solid rgba(155,205,50,1);}
.newscon>a.back:after {content:"";  width: 0; height: 0; position: absolute; bottom:0; right: 0; border-style: solid;border-width: 0 0 180px 110px;border-color: transparent transparent rgba(155,205,50,0) transparent; z-index:-2}
.newscon>a.back:hover { color:rgba(255,255,255,1);} 
.newscon>a.back:hover:after {border-color: transparent transparent rgba(155,205,50,.5)}
body.newscon { margin:0 0 155px;}

/*        SLIDESHOW style     */
.newscon > main > .imageRotation { width: 50%; margin:60px 0 0px;  float:left;  position:relative; padding:0px; animation-delay:0.4s; -moz-animation-delay:0.4s; -webkit-animation-delay:0.4s; }
.newscon > main > .imageRotation > .imageRbox img{ width:100%; }
.newscon > main > .imageRotation > .Rbtn2 { bottom:0px; left:50%; margin-left:-140px; width:280px; }
.newscon > main > .imageRotation > .icoBtn{ bottom:15px; width:100%;  }






/**********************
***********************
***********************
*********ARTISTS*******
***********************
***********************
**********************/

/*        MAIN style     */
.artists>main>h2 { position:absolute; left:50%; margin-left:-7rem; top: 120px;}
.artists>main>ul {margin: 0; padding:0; list-style:none; margin:40px 0 0; }
.artists>main>ul li { float: left; margin:0 15px 20px 15px;position: relative; text-align: center; overflow:hidden; overflow: hidden; min-width: 180px; max-width: 360px; height:325px; width: calc(20% - 30px); box-shadow: 3px 3px 10px 0px rgba(0,0,0,.5); cursor: pointer; background:rgba(0,0,0,1);}
.artists>main>ul li a { display:block; width: 100%; height:100%; position:absolute; top: 0; left: 0; z-index:9;}
.artists>main>ul li:nth-child(3) {margin-left:calc(20% + 15px) ;}
.artists>main>ul li:before { content: ""; width:100%; height: 1px; border-bottom: 1px solid rgba(155,205,50,1); position:absolute; bottom: 1px; left:0; z-index:1;}
.artists>main>ul li:after {content: ""; z-index:0; width: 100%;height: 140%; position: absolute;	bottom: 0; left: 0; background: rgba(155,205,50,1);-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;transition: opacity 0.5s, transform 0.5s;-webkit-transform: rotate(105deg);transform: rotate(105deg);-webkit-transform-origin: 0 100%;transform-origin: 0 100%;-ms-transform-origin: 0 100%;-ms-transform: rotate(105deg);}

/*       figure style     */
.artists>main>ul li figure {position: relative;width: 100%;height:100%;margin: 0; padding:0;   }
.artists>main>ul li figure img {position: absolute; left:50%; margin-left: -180px; z-index:0; opacity: .3;}
.artists>main>ul li figcaption { text-align:center; color:rgba(155,205,50,1); position:relative; padding-top: 120px; font-size:1.5em; letter-spacing:.5em; text-indent: .5em; }
.artists>main>ul li figcaption span { display:inline-block; width:100%; color: rgba(255,255,255,.7); margin-top: 25px;font-size:1rem;}
.artists>main>ul li figcaption:before { content: ""; width: 40px; height: 1px; border-bottom: 1px solid rgba(155,205,50,1); position:absolute; top: 150px; left:50%; margin-left: -20px ; }
.artists>main>ul li>div { width: calc(100% - 100px); height: calc(100% - 255px); position:absolute; top: 0; left: 0; padding: 255px 0 0 100px;  color:rgba(255,255,255,0); z-index:1; letter-spacing:.5em; text-indent:.5em; }
.artists>main>ul li>div span { color:rgba(225,255,170,0); display: block; margin-top:20px; letter-spacing:.2em; text-indent: .2em;}
.artists>main>ul li>div span:before { content: ""; position:absolute; width: 40px; height: 5px; transform:skewX(70deg); border-right: 3px solid rgba(255,2552,255,1); border-bottom: 1px solid rgba(255,2552,255,1); bottom: 0; margin-bottom: 40px; left:calc(50% + 30px); margin-left:-300px;}

/*          Hover style       */
.artists>main>ul li:hover figure img {opacity: 1}
.artists>main>ul li:hover figcaption {opacity: 0}
.artists>main>ul li:hover:after {-webkit-transform: rotate(55deg);transform: rotate(55deg);
/*add*/
-ms-transform: rotate(55deg);}
.artists>main>ul li:hover>div {color:rgba(255,255,255,1); }
.artists>main>ul li:hover>div span {color:rgba(225,255,170,1);}
.artists>main>ul li:hover>div span:before {margin-left:-7px}
.artists>main>ul.list>li:nth-child(1){ animation-delay:0.2s; -moz-animation-delay:0.2s; -webkit-animation-delay:0.2s; }
.artists>main>ul.list>li:nth-child(2){ animation-delay:0.4s; -moz-animation-delay:0.4s; -webkit-animation-delay:0.4s; }
.artists>main>ul.list>li:nth-child(3){ animation-delay:0.6s; -moz-animation-delay:0.6s; -webkit-animation-delay:0.6s; }
.artists>main>ul.list>li:nth-child(4){ animation-delay:0.8s; -moz-animation-delay:0.8s; -webkit-animation-delay:0.8s; }
.artists>main>ul.list>li:nth-child(5){ animation-delay:0.95s; -moz-animation-delay:0.95s; -webkit-animation-delay:0.95s; }
.artists>main>ul.list>li:nth-child(6){ animation-delay:1.1s; -moz-animation-delay:1.1s; -webkit-animation-delay:1.1s; }
.artists>main>ul.list>li:nth-child(7){ animation-delay:1.25s; -moz-animation-delay:1.25s; -webkit-animation-delay:1.25s; }
.artists>main>ul.list>li:nth-child(8){ animation-delay:1.4s; -moz-animation-delay:1.4s; -webkit-animation-delay:1.4s; }
.artists>main>ul.list>li:nth-child(9){ animation-delay:1.55s; -moz-animation-delay:1.55s; -webkit-animation-delay:1.55s; }
.artists>main>ul.list>li:nth-child(10){ animation-delay:1.67s; -moz-animation-delay:1.67s; -webkit-animation-delay:1.67s; }
.artists>main>ul.list>li:nth-child(11){ animation-delay:1.79s; -moz-animation-delay:1.79s; -webkit-animation-delay:1.79s; }
.artists>main>ul.list>li:nth-child(12){ animation-delay:1.91s; -moz-animation-delay:1.91s; -webkit-animation-delay:1.91s; }
.artists>main>ul.list>li:nth-child(13){ animation-delay:2.03s; -moz-animation-delay:2.03s; -webkit-animation-delay:2.03s; }
.artists>main>ul.list>li:nth-child(14){ animation-delay:2.15s; -moz-animation-delay:2.15s; -webkit-animation-delay:2.15s; }
.artists>main>ul.list>li:nth-child(15){ animation-delay:2.25s; -moz-animation-delay:2.25s; -webkit-animation-delay:2.25s; }
.artists>main>ul.list>li:nth-child(16){ animation-delay:2.35s; -moz-animation-delay:2.35s; -webkit-animation-delay:2.35s; }
.artists>main>ul.list>li:nth-child(17){ animation-delay:2.45s; -moz-animation-delay:2.45s; -webkit-animation-delay:2.45s; }
.artists>main>ul.list>li:nth-child(18){ animation-delay:2.55s; -moz-animation-delay:2.55s; -webkit-animation-delay:2.55s; }
.artists>main>ul.list>li:nth-child(19){ animation-delay:2.65s; -moz-animation-delay:2.65s; -webkit-animation-delay:2.65s; }
.artists>main>ul.list>li:nth-child(20){ animation-delay:2.73s; -moz-animation-delay:2.73s; -webkit-animation-delay:2.73s; }
.artists>main>ul.list>li:nth-child(21){ animation-delay:2.81s; -moz-animation-delay:2.81s; -webkit-animation-delay:2.81s; }
.artists>main>ul.list>li:nth-child(22){ animation-delay:2.89s; -moz-animation-delay:2.89s; -webkit-animation-delay:2.89s; }
.artists>main>ul.list>li:nth-child(23){ animation-delay:2.97s; -moz-animation-delay:2.97s; -webkit-animation-delay:2.97s; }
.artists>main>ul.list>li:nth-child(24){ animation-delay:3.05s; -moz-animation-delay:3.05s; -webkit-animation-delay:3.05s; }
.artists>main>ul.list>li:nth-child(25){ animation-delay:3.1s; -moz-animation-delay:3.1s; -webkit-animation-delay:3.1s; }
.artists>main>ul.list>li:nth-child(26){ animation-delay:3.15s; -moz-animation-delay:3.15s; -webkit-animation-delay:3.15s; }
.artists>main>ul.list>li:nth-child(27){ animation-delay:3.2s; -moz-animation-delay:3.2s; -webkit-animation-delay:3.2s; }
.artists>main>ul.list>li:nth-child(28){ animation-delay:3.25s; -moz-animation-delay:3.25s; -webkit-animation-delay:3.25s; }
.artists>main>ul.list>li:nth-child(29){ animation-delay:3.3s; -moz-animation-delay:3.3s; -webkit-animation-delay:3.3s; }
.artists>main>ul.list>li:nth-child(30){ animation-delay:3.34s; -moz-animation-delay:3.34s; -webkit-animation-delay:3.34s; }
.artists>main>ul.list>li:nth-child(31){ animation-delay:3.38s; -moz-animation-delay:3.38s; -webkit-animation-delay:3.38s; }
.artists>main>ul.list>li:nth-child(32){ animation-delay:3.42s; -moz-animation-delay:3.42s; -webkit-animation-delay:3.42s; }
.artists>main>ul.list>li:nth-child(33){ animation-delay:3.46s; -moz-animation-delay:3.46s; -webkit-animation-delay:3.46s; }
.artists>main>ul.list>li:nth-child(34){ animation-delay:3.5s; -moz-animation-delay:3.5s; -webkit-animation-delay:3.5s; }
.artists>main>ul.list>li:nth-child(35){ animation-delay:3.53s; -moz-animation-delay:3.53s; -webkit-animation-delay:3.53s; }
.artists>main>ul.list>li:nth-child(36){ animation-delay:3.56s; -moz-animation-delay:3.56s; -webkit-animation-delay:3.56s; }
.artists>main>ul.list>li:nth-child(37){ animation-delay:3.59s; -moz-animation-delay:3.59s; -webkit-animation-delay:3.59s; }
.artists>main>ul.list>li:nth-child(38){ animation-delay:3.62s; -moz-animation-delay:3.62s; -webkit-animation-delay:3.62s; }
.artists>main>ul.list>li:nth-child(39){ animation-delay:3.65s; -moz-animation-delay:3.65s; -webkit-animation-delay:3.65s; }
.artists>main>ul.list>li:nth-child(40){ animation-delay:3.67s; -moz-animation-delay:3.67s; -webkit-animation-delay:3.67s; }
.artists>main>ul.list>li:nth-child(41){ animation-delay:3.69s; -moz-animation-delay:3.69s; -webkit-animation-delay:3.69s; }
.artists>main>ul.list>li:nth-child(42){ animation-delay:3.71s; -moz-animation-delay:3.71s; -webkit-animation-delay:3.71s; }
.artists>main>ul.list>li:nth-child(43){ animation-delay:3.73s; -moz-animation-delay:3.73s; -webkit-animation-delay:3.73s; }
.artists>main>ul.list>li:nth-child(44){ animation-delay:3.75s; -moz-animation-delay:3.75s; -webkit-animation-delay:3.75s; }
.artists>main>ul.list>li:nth-child(45){ animation-delay:3.76s; -moz-animation-delay:3.76s; -webkit-animation-delay:3.76s; }
.artists>main>ul.list>li:nth-child(46){ animation-delay:3.77s; -moz-animation-delay:3.77s; -webkit-animation-delay:3.77s; }
.artists>main>ul.list>li:nth-child(47){ animation-delay:3.78s; -moz-animation-delay:3.78s; -webkit-animation-delay:3.78s; }
.artists>main>ul.list>li:nth-child(48){ animation-delay:3.79s; -moz-animation-delay:3.79s; -webkit-animation-delay:3.79s; }
.artists>main>ul.list>li:nth-child(49){ animation-delay:3.80s; -moz-animation-delay:3.80s; -webkit-animation-delay:3.80s; }






















/**********************
***********************
***********************
******ARTISTSCON*******
***********************
***********************
**********************/
.artistscon>main { margin:0;}
.artistscon>main>header{ min-height:135px; }
.artistscon>main>header h2 { padding-top:45px;}
.artistscon>main>header h1 { text-align:center; font-size:5rem; font-weight:normal; letter-spacing:.5em; text-align:.5em;}

/*   article div  WIDGET  style       */ 
.artistscon>main>article>.widget { position: relative;  width: 65%;  float:right; padding:0 0 0 70px;  }
.artistscon>main>article>.widget > input {position: absolute;display: none;}
.artistscon>main>article>.widget > label {position: absolute;display:block;	cursor: pointer;width: 70px; height: 70px; left: 0;background: url(../images/sprite_tableicon.png) no-repeat rgba(0,0,0,.3); }
.artistscon>main>article>.widget > label.btn1 { background-position:0px -120px ;} 
.artistscon>main>article>.widget > label.btn2 { background-position:-140px -120px ; top: 70px;} 
.artistscon>main>article>.widget > label.btn3,.artistscon>main>article>.widget > label.btn4 { background-image: none; height: 45px; line-height:45px; top: 22px; text-align:center; margin:0px 1px 0; color:rgba(255,255,255,.5); border-top: 3px solid rgba(0,0,0,0); }


.artistscon>main>article>.widget > input:checked + label.btn1 {cursor: default; background-color: rgba(0,0,0,.7);background-position:-70px -120px ;}
.artistscon>main>article>.widget > label.btn1:hover { background-color: rgba(0,0,0,.7);background-position:-70px -120px ;}
.artistscon>main>article>.widget > input:checked + label.btn2 {cursor: default;background-color: rgba(0,0,0,.7);background-position:-210px -120px ;}
.artistscon>main>article>.widget > label.btn2:hover { background-color: rgba(0,0,0,.7);background-position:-210px -120px ;}
.artistscon>main>article>.widget > input:checked + label.btn3 {cursor: default; border-top: 3px solid rgba(155,205,50,1); color:rgba(155,205,50,1);background-color: rgba(0,0,0,.7);}
.artistscon>main>article>.widget > label.btn3:hover { background-color: rgba(0,0,0,.7);background-position:-210px -120px ;}
.artistscon>main>article>.widget > input:checked + label.btn4 {cursor: default; border-top: 3px solid rgba(155,205,50,1); color:rgba(155,205,50,1);background-color: rgba(0,0,0,.7);}
.artistscon>main>article>.widget > label.btn4:hover { background-color: rgba(0,0,0,.7);background-position:-210px -120px ;}





.artistscon>main>article>.widget > .tab-content {position: relative; display: block;	overflow: hidden; background:rgba(0,0,0,.7); min-height:700px;}
.artistscon>main>article>.widget > .tab-content {height: auto !important;}
.artistscon>main>article>.widget > .tab-content > div { position: static; display: none; height: auto !important;}
.artistscon>main>article>.widget > .tab-content-1:checked ~ .tab-content #tab-content-1,
.artistscon>main>article>.widget > .tab-content-2:checked ~ .tab-content #tab-content-2,
.artistscon>main>article>.widget > .tab-content-1-1:checked ~ .tab-content .tab-content-1-1,
.artistscon>main>article>.widget > .tab-content-1-2:checked ~ .tab-content .tab-content-1-2,
.artistscon>main>article>.widget > .tab-content-1-3:checked ~ .tab-content .tab-content-1-3,
.artistscon>main>article>.widget > .tab-content-1-4:checked ~ .tab-content .tab-content-1-4,
.artistscon>main>article>.widget > .tab-content-1-5:checked ~ .tab-content .tab-content-1-5,
.artistscon>main>article>.widget > .tab-content-1-6:checked ~ .tab-content .tab-content-1-6,
.artistscon>main>article>.widget > .tab-content-1-7:checked ~ .tab-content .tab-content-1-7,
.artistscon>main>article>.widget > .tab-content-1-8:checked ~ .tab-content .tab-content-1-8,
.artistscon>main>article>.widget > .tab-content-1-9:checked ~ .tab-content .tab-content-1-9,
.artistscon>main>article>.widget > .tab-content-2-1:checked ~ .tab-content .tab-content-2-1,
.artistscon>main>article>.widget > .tab-content-2-2:checked ~ .tab-content .tab-content-2-2,
.artistscon>main>article>.widget > .tab-content-2-3:checked ~ .tab-content .tab-content-2-3,
.artistscon>main>article>.widget > .tab-content-2-4:checked ~ .tab-content .tab-content-2-4,
.artistscon>main>article>.widget > .tab-content-2-5:checked ~ .tab-content .tab-content-2-5,
.artistscon>main>article>.widget > .tab-content-2-6:checked ~ .tab-content .tab-content-2-6,
.artistscon>main>article>.widget > .tab-content-2-7:checked ~ .tab-content .tab-content-2-7,
.artistscon>main>article>.widget > .tab-content-2-8:checked ~ .tab-content .tab-content-2-8,
.artistscon>main>article>.widget > .tab-content-2-9:checked ~ .tab-content .tab-content-2-9{display: block;}

.artistscon>main>article>.widget > .tab-content-1:checked ~ .tab-content #tab-content-1.tab-content-1-1,
.artistscon>main>article>.widget > .tab-content-1:checked ~ .tab-content #tab-content-1.tab-content-1-2,
.artistscon>main>article>.widget > .tab-content-1:checked ~ .tab-content #tab-content-1.tab-content-1-3,
.artistscon>main>article>.widget > .tab-content-1:checked ~ .tab-content #tab-content-1.tab-content-1-4,
.artistscon>main>article>.widget > .tab-content-1:checked ~ .tab-content #tab-content-1.tab-content-1-5,
.artistscon>main>article>.widget > .tab-content-1:checked ~ .tab-content #tab-content-1.tab-content-1-6,
.artistscon>main>article>.widget > .tab-content-1:checked ~ .tab-content #tab-content-1.tab-content-1-7,
.artistscon>main>article>.widget > .tab-content-1:checked ~ .tab-content #tab-content-1.tab-content-1-8,
.artistscon>main>article>.widget > .tab-content-1:checked ~ .tab-content #tab-content-1.tab-content-1-9,
.artistscon>main>article>.widget > .tab-content-2:checked ~ .tab-content #tab-content-2.tab-content-2-1,
.artistscon>main>article>.widget > .tab-content-2:checked ~ .tab-content #tab-content-2.tab-content-2-2,
.artistscon>main>article>.widget > .tab-content-2:checked ~ .tab-content #tab-content-2.tab-content-2-3,
.artistscon>main>article>.widget > .tab-content-2:checked ~ .tab-content #tab-content-2.tab-content-2-4,
.artistscon>main>article>.widget > .tab-content-2:checked ~ .tab-content #tab-content-2.tab-content-2-5,
.artistscon>main>article>.widget > .tab-content-2:checked ~ .tab-content #tab-content-2.tab-content-2-6,
.artistscon>main>article>.widget > .tab-content-2:checked ~ .tab-content #tab-content-2.tab-content-2-7,
.artistscon>main>article>.widget > .tab-content-2:checked ~ .tab-content #tab-content-2.tab-content-2-8,
.artistscon>main>article>.widget > .tab-content-2:checked ~ .tab-content #tab-content-2.tab-content-2-9{display: none;}

/*    article   FIGURE  style       */ 
.artistscon>main>article figure { width: 400px; height:800px; position: absolute; top: -30px; }
.artistscon>main>article figure>.box { display: inline-block; width: 33%; height: 33%;  padding:0; margin:0; }
.artistscon>main>article figure .picture {  position: absolute;top: 0%; left: 0%; pointer-events: none; }
.artistscon>main>article figure .picture img { position:absolute; left:0%;  top:0%; transition: 0.5s all;top: 100px\0;}

.artistscon>main>article figure>.box:nth-child(1):hover ~ .picture .photo { margin-top: 13px; margin-left: 10px;}
.artistscon>main>article figure>.box:nth-child(2):hover ~ .picture .photo { margin-top: 10px;}
.artistscon>main>article figure>.box:nth-child(3):hover ~ .picture .photo { margin-top: 17px; margin-left: -10px;}
.artistscon>main>article figure>.box:nth-child(4):hover ~ .picture .photo { margin-left: 13px;}
.artistscon>main>article figure>.box:nth-child(5):hover ~ .picture .photo { margin: 0px;}
.artistscon>main>article figure>.box:nth-child(6):hover ~ .picture .photo { margin-left: -10px;}
.artistscon>main>article figure>.box:nth-child(7):hover ~ .picture .photo { margin-top: -10px; margin-left: 13px;}
.artistscon>main>article figure>.box:nth-child(8):hover ~ .picture .photo { margin-top: -15px;}
.artistscon>main>article figure>.box:nth-child(9):hover ~ .picture .photo { margin-top: -13px; margin-left: -10px;}

.artistscon>main>article figure>.box:nth-child(1):hover ~ .picture .light { margin-top: 7px; margin-left: 3px;}
.artistscon>main>article figure>.box:nth-child(2):hover ~ .picture .light { margin-top: 5px; }
.artistscon>main>article figure>.box:nth-child(3):hover ~ .picture .light { margin-top: 7px; margin-left: -7px;}
.artistscon>main>article figure>.box:nth-child(4):hover ~ .picture .light { margin-left: 7px;}
.artistscon>main>article figure>.box:nth-child(5):hover ~ .picture .light { margin: 3px;}
.artistscon>main>article figure>.box:nth-child(6):hover ~ .picture .light { margin-left: -7px;}
.artistscon>main>article figure>.box:nth-child(7):hover ~ .picture .light { margin-top: -7px; margin-left: 3px;}
.artistscon>main>article figure>.box:nth-child(8):hover ~ .picture .light { margin-top: -7px;}
.artistscon>main>article figure>.box:nth-child(9):hover ~ .picture .light { margin-top: -5px; margin-left: -7px;}

.artistscon>main>article figure>.box:nth-child(1):hover ~ .picture .line { margin-top: 9px; margin-left: 3px;}
.artistscon>main>article figure>.box:nth-child(2):hover ~ .picture .line { margin-top: 5px; }
.artistscon>main>article figure>.box:nth-child(3):hover ~ .picture .line { margin-top: 9px; margin-left: -9px;}
.artistscon>main>article figure>.box:nth-child(4):hover ~ .picture .line { margin-left: 9px;}
.artistscon>main>article figure>.box:nth-child(5):hover ~ .picture .line { margin: 3px;}
.artistscon>main>article figure>.box:nth-child(6):hover ~ .picture .line { margin-left: -9px;}
.artistscon>main>article figure>.box:nth-child(7):hover ~ .picture .line { margin-top: -9px; margin-left: 3px;}
.artistscon>main>article figure>.box:nth-child(8):hover ~ .picture .line { margin-top: -9px;}
.artistscon>main>article figure>.box:nth-child(9):hover ~ .picture .line { margin-top: -5px; margin-left: -9px;}
/*      div  IMAGEROTATION  style      */
.artistscon>main>article>.widget #tab-content-1 .imageRotation { width: 305px; height: 305px; display: block; position: relative; float:right; margin: 20px; border-radius: 50%; }
.artistscon>main>article>.widget #tab-content-1 .imageRotation > span { width: 305px; height:60px; overflow: hidden; z-index:1 ; position:absolute; bottom: 0px;  }
.artistscon>main>article>.widget #tab-content-1 .imageRotation > span:after { content:""; background:rgba(0,0,0,.3);  width: 305px; height: 305px; position:absolute; bottom: 0px; border-radius: 50%;}
.artistscon>main>article>.widget #tab-content-1 .imageRotation img{ border-radius: 50%; }
.artistscon>main>article>.widget #tab-content-1 .imageRotation .Rbtn2 { position:absolute; bottom:30px; left:50%; margin-left:-90px; width:180px;   }
.artistscon>main>article>.widget #tab-content-1 .imageRotation .icoBtn{ position:absolute; bottom:45px; width:100%;margin-left:-4px;  }
.artistscon>main>article>.widget #tab-content-1 .imageRotation .icoBtn span{height:8px;width:8px;margin-left:7px;}
.artistscon>main>article>.widget #tab-content-1 .imageRotation .icoBtn span.active { background:rgba(155,205,50,1);}
.artistscon>main>article>.widget #tab-content-1 .imageRotation > .imageRbox img{ width:100%;}





/*   tab-content1   H4 、 H5   style        */ 
.artistscon>main>article>.widget #tab-content-1 { padding: 0 0 100px 0;}
.artistscon>main>article>.widget #tab-content-1>h4,.artistscon>main>article>.widget #tab-content-2>h4 { font-size:2.5rem; font-weight:normal; margin: 20px 0 10px 30px; width:50%; letter-spacing:2rem; position:relative;}
.artistscon>main>article>.widget #tab-content-1>h4:after,.artistscon>main>article>.widget #tab-content-2>h4:after { content:""; width: calc(100% - 18rem); height:1px; position:absolute; border-bottom:1px solid rgba(255,255,255,.2); top: 50%; right: 6px;}
.artistscon>main>article>.widget #tab-content-1>h4:before,.artistscon>main>article>.widget #tab-content-2>h4:before { content:""; width:6px; height:6px; position:absolute; background:rgba(255,255,255,.2); top: 50%; right: 0; margin-top:-2px; border-radius:50% }

.artistscon>main>article>.widget #tab-content-1>h5 { color:rgba(155,205,50,1); margin: 30px 0 0 30px; font-size:2.0rem; display:inline-block; border-top:1px solid rgba(155,205,50,1); position: relative;  }
.artistscon>main>article>.widget #tab-content-1>h5 span {  font-size:1.0rem; position:absolute; top:-18px;}
.artistscon>main>article>.widget .ckf { margin: 30px 0 0 50px;}

/*   tab-content1   ASIDE   style        */ 
.artistscon>main>article>.widget #tab-content-1> .social_link{ position:absolute; bottom: 0; left:0; width:100%; height:90px; border-top: 1px solid rgba(255,255,255,.2);}
.artistscon>main>article>.widget #tab-content-1> .social_link p { font-size:1.7rem; line-height:90px; margin:0; letter-spacing:0.5em; margin:0 0 0 20px; padding:0 0 0 100px; position:absolute; display:inline-block;}
.artistscon>main>article>.widget #tab-content-1> .social_link p:after { content:"LINK"; font-size:5rem; letter-spacing:0; font-weight:bold; position:absolute; color:rgba(255,255,255,.1); left: 0;}
.artistscon>main>article>.widget #tab-content-1> .social_link ul { list-style:none;margin:0 0 0 225px; padding:22px 0; }
.artistscon>main>article>.widget #tab-content-1> .social_link ul li {float: left;  border-right:1px solid rgba(255,255,255,.2)}
.artistscon>main>article>.widget #tab-content-1> .social_link ul li a {margin:0 22px;width:45px; height:45px; display:inline-block; background:url(../images/sprite.png);}
.artistscon>main>article>.widget #tab-content-1> .social_link ul li.fb a{ background-position: 0px -895px;}
.artistscon>main>article>.widget #tab-content-1> .social_link ul li.weibo a { background-position: -45px -895px;}
.artistscon>main>article>.widget #tab-content-1> .social_link ul li.weixin a { background-position: -90px -895px;}
.artistscon>main>article>.widget #tab-content-1> .social_link ul li.other a { background-position: -135px -895px;}
.artistscon>main>article>.widget #tab-content-1> .social_link ul li.fb:hover a{ background-position: 0px -940px;}
.artistscon>main>article>.widget #tab-content-1> .social_link ul li.weibo:hover a { background-position: -45px -940px;}
.artistscon>main>article>.widget #tab-content-1> .social_link ul li.weixin:hover a { background-position: -90px -940px;}
.artistscon>main>article>.widget #tab-content-1> .social_link ul li.other:hover a { background-position: -135px -940px;}




/*      LINKINFO   style        */ 
.linkinfo{width: 0px; height: 0px;position: fixed;overflow: hidden; left:0px; top:0px; padding:0px; z-index:8;background: rgba(0,0,0,.5);background: -webkit-radial-gradient(center, ellipse cover, rgba(55,55,55,0.5) 0%,rgba(0,0,0,1) 100%);background: radial-gradient(center, ellipse cover, rgba(55,55,55,0.5) 0%,rgba(0,0,0,1) 100%);opacity: 0;-webkit-transition: opacity 0.3s linear 0.2s; -moz-transition: opacity 0.3s linear 0.2s; -o-transition: opacity 0.3s linear 0.2s;-ms-transition: opacity 0.3s linear 0.2s;transition: opacity 0.3s linear 0.2s;}
.linkinfo>div { position: absolute; width:650px; height:420px; left:50%; top:50%; margin-left:-325px; margin-top:-210px;opacity: 0;-webkit-transition: opacity 0.3s linear 0.6s;-moz-transition: opacity 0.3s linear 0.6s;-o-transition: opacity 0.3s linear 0.6s;-ms-transition: opacity 0.3s linear 0.6s;transition: opacity 0.3s linear 0.6s;}

.linkinfo>div:before,.linkinfo>div:after { content:""; width:0; height:0; border-style: solid; bottom: 0;position:absolute;border-color: transparent;}
.linkinfo>div:before { border-width: 385px 100px 0 0; border-top-color: rgba(110,185,5,1);right: 20px; }
.linkinfo>div:after { border-width: 0 0 385px 100px; border-bottom-color: rgba(110,185,5,1);left: 80px; }
.linkinfo>div>div {position: absolute; width: 340px; height:345px;  bottom: 20px; position:absolute; left:190px; overflow-y: auto; overflow-x: hidden; padding:0px 120px 0px 0; line-height:2.2rem; text-shadow:1px 1px 1px rgba(70,120,5,1);}

.linkinfo>div>div::-webkit-scrollbar {width: 10px;height: 10px;	}
.linkinfo>div>div::-webkit-scrollbar-button:start:decrement {display: none;}
.linkinfo>div>div::-webkit-scrollbar-track-piece {background: rgba(200,200,200,.5);-webkit-border-radius: 6px;}
.linkinfo>div>div::-webkit-scrollbar-thumb:vertical {-webkit-border-radius: 6px;background: rgba(110,185,5,1)}

.linkinfo>div>img { position:absolute; bottom:0; left:0; z-index:1;}
.linkinfo>div>h6 { font-style:italic; font-weight:bold; font-size:25px; top: 0px; left:200px; margin:0; color:rgba(110,185,5,1); position:absolute; padding:0; }
.linkinfo>div>h6 span{ font-size:40px; vertical-align: middle;}
.linkinfo>div>h6:before { content:""; width: 350px; height:385px; background:rgba(110,185,5,1);position:absolute; left:-20px; top: 35px;  z-index:-1; }

.linkinfo>div>a.close_btn{z-index: 9;color:rgba(255,255,255,1);position: absolute;top: 50px; right: 50px; font-weight:900; font-style:italic;font-size: 18px;}
	
.linkinfo:target {opacity: 1; width: auto; height: auto;bottom: 0px; right: 0px; z-index:100}
.linkinfo:target>div {opacity: 1;}
.linkinfo:target>div>img {-webkit-animation: fadeInUpBig 1s ease-in-out;animation: fadeInUpBig 1s ease-in-out;}
.linkinfo:target>div>a.close_btn{ opacity: 1;}


#linkinfo.member>div { height:220px;  margin-top:-110px; }
#linkinfo.member>div:before{ border-width: 185px 100px 0 0; border-top-color: rgba(110,185,5,1);right: 20px; }
#linkinfo.member>div:after  { border-width: 0 0 185px 100px; border-bottom-color: rgba(110,185,5,1);left: 80px; }
#linkinfo.member>div>div {position: absolute; width:360px; height:120px;  bottom: 25px;  line-height:2.2rem; overflow:hidden; font-size:2.0rem; font-weight:bold; }
#linkinfo.member>div>h6:before { content:""; width: 350px; height:185px; background:rgba(110,185,5,1);position:absolute; left:-20px; top: 35px;  z-index:-1; }
#linkinfo.member>div>div div { margin:10px 0 0; padding:0 40px 0 0; text-align:right; position: relative;}
#linkinfo.member>div>div input { height:30px; width:220px; border:none; margin:0 0 0 35px; color:rgba(110,185,5,1); }
#linkinfo.member>div>div img { height:30px; position:absolute; top: 0; right: 40px;}
#linkinfo.member>div>div a { display:block; text-align:center;}

.videoLB>div>div { height:300px;}



/*    moreinfo  ALBUM  NEWS  style      */  
.artistscon>main>.moreinfo { height:190px; background:rgba(50,50,50,1); border-top:3px solid rgba(155,205,50,1); position:relative; padding:10px 0 0;clear:both; z-index:1;  }
.artistscon>main>.moreinfo .Mslider { padding: 0 0 0 50px; margin:0 0 0 10px; width: 210px; height: 180px; float:left;}
.artistscon>main>.moreinfo .Mslider > h5 { position:absolute; top: 5px; left:0px; font-size: 1.7rem; width: 50px; margin:0; text-align:center; padding:0 0 50px 0;}
.artistscon>main>.moreinfo .Mslider > p { display:none;}
.artistscon>main>.moreinfo .Mslider > div > a { position:absolute; bottom: 13px; left:0px;  width: 50px; text-align:center; display:inline-block; }
.artistscon>main>.moreinfo .Mslider > div > a:after { content:""; width: 40px; border-bottom:1px solid rgba(255,255,255,.5); position:absolute; bottom:65px; left: 5px; }
.artistscon>main>.moreinfo .Mslider > div > a:before { content:""; width: 40px; border-bottom:1px solid rgba(255,255,255,.5); position:absolute; bottom:20px; left: 5px; }


.artistscon>main>.moreinfo .Mslider ul { margin:0 0 0 30px; padding:15px 0 0;}
.artistscon>main>.moreinfo .Mslider ul > li > .Mcontroller { left: -70px; top: 45px; }
.artistscon>main>.moreinfo .Mslider ul > li > .Mcontroller > span.next { top: 47px; }
.artistscon>main>.moreinfo .Mslider ul > li > .Mcontroller > span:after {top: 0; left: 0px; z-index: 2;  font-size: 30px; font-family:Arial, Helvetica, sans-serif; width: 30px; }
.artistscon>main>.moreinfo .Mslider ul > li > .Mcontroller > span:hover,.artistscon>main>.moreinfo .Mslider > a:hover { text-shadow: -1px 1px 10px #fff, 1px -1px 10px #fff;}
.artistscon>main>.moreinfo .Mslider ul > li > .Mcontroller > em { position:absolute; width: 30px; height:35px; top: 0; z-index:10; display: none;  }
.artistscon>main>.moreinfo .Mslider ul > li > .Mcontroller > span.none ~ em { display:block;}
.artistscon>main>.moreinfo .Mslider ul > li:nth-last-child(1) .Mcontroller > span.none ~ em { top: 47px;}
.artistscon>main>.moreinfo .Mslider ul > li { text-align:center; width:140px;}
.artistscon>main>.moreinfo .Mslider ul > li > a:hover { color:rgba(155,205,50,1);}
.artistscon>main>.moreinfo .Mslider ul > li > a > span { display:block; text-align:center;}
.artistscon>main>.moreinfo .Mslider ul > li > a > img { border-bottom:3px solid rgba(155,205,50,1); padding-bottom:1px; height:130px;}



.artistscon>main>.moreinfo #news_info.Mslider { float:left; margin:0px; width: 370px; }
.artistscon>main>.moreinfo #news_info.Mslider ul > li { width: 290px;}
.artistscon>main>.moreinfo #news_info.Mslider li div > a time { position:absolute; display:block; top: 0; left:0; background:rgba(0,0,0,.5); width: 105px; height: 130px; text-align:center; font-size: 2rem; font-family: "Times New Roman", Times, serif; border-bottom: 3px solid rgba(155,205,50,1);}
.artistscon>main>.moreinfo #news_info.Mslider li div > a time em { display:block; width:100%; margin:10px 0 0;}
.artistscon>main>.moreinfo #news_info.Mslider li div > a time em:nth-child(2) { font-size:3rem;} 
.artistscon>main>.moreinfo #news_info.Mslider li div > a img { margin: 0 0 0 105px; border-bottom: 3px solid rgba(155,205,50,1);}

.moreinfo>.schedule_slides { float:left; width:350px;  padding: 0 0 0 70px; margin:0 0 0 0px; position:relative;}
.moreinfo>.schedule_slides > p { display:none;}
.moreinfo>.schedule_slides h5 { position:absolute; top: 5px; left:0px; font-size: 1.7rem; width: 40px; margin:0; text-align:center; padding:0 0 50px 0; }
.moreinfo>.schedule_slides div:before { content:""; border-left:1px solid rgba(255,255,255,.5); width:1px; left:20px; top: 5rem; height:100px; position:absolute;}
.moreinfo>.schedule_slides .time { font-family:"Times New Roman", Times, serif; font-size:2.7rem; font-style:italic;letter-spacing:5px; color:rgba(80,105,110,1); }
.moreinfo>.schedule_slides .time em { margin:0 5px;letter-spacing:2px; color:rgba(105,140,150,1);}
.moreinfo>.schedule_slides .time span { display:block; font-size:3.2rem; color:rgba(105,140,150,1);}
.moreinfo>.schedule_slides h6 { margin:0; padding:5px 0 10px; border-bottom:1px solid rgba(255,255,255,.2); }
.moreinfo>.schedule_slides .location { margin:0; padding:5px 0 5px 25px; background:url(../images/sprite_tableicon.png) -315px -144px no-repeat; letter-spacing:1px;}




.artistscon>main>.moreinfo p.show_none { display:block; text-align:center; padding:5px 0 0;}
.artistscon>main>.moreinfo p.show_none ~ div { display:none; }
.artistscon>main>.moreinfo P.show_none ~ h5:after {content:""; border-left:1px solid rgba(255,255,255,.5); width:1px; left:20px; top: 5rem; height:100px; position:absolute;}








/**********************
***********************
***********************
****TEAM  ARTISTSCON***
***********************
***********************
**********************/

/*   article div  WIDGET  style       */ 
#team>main>article>.widget {  width: 100%; float:none; padding:0px; margin: 250px 0 0;  }
#team>main>article>.widget > label { position:relative; clear:none; float:left; }
#team>main>article>.widget > label.btn1 {  margin:0 0 0 50px; } 
#team>main>article>.widget > label.btn2 { top: inherit; } 
#team>main>article>.widget > .tab-content { clear:both; padding:0 50px; min-height:425px;}

/*    article   FIGURE  style       */ 
#team>main>article figure { width: 1000px;  left:50%; margin-left:-500px; top: -300px;}

/*      div  IMAGEROTATION  style      */
#team>main>article>.widget #tab-content-1 .imageRotation { position:absolute; left:0; top: 80px; }

/*   tab-content1   H4 、 H5   style        */ 
#team>main>article>.widget #tab-content-1 { padding:0 0 0 0px; width: 1200px; margin:0 auto; position:relative; }
#team>main>article>.widget #tab-content-2 { width: 1200px; margin:0 auto;}
#team>main>article>.widget #tab-content-1>h4,#team>main>article>.widget #tab-content-2>h4 {
letter-spacing:1.5rem; display:inline-block; width: 300px; }

#team>main>article>.widget #tab-content-1>h5 { margin:0px 0 0px 45px; top: 15px; }
#team>main>article>.widget #tab-content-1 .ckf { margin: 30px 0 0 380px; min-height:240px;}

/*   tab-content1   ASIDE   style        */ 
#team>main>article>.widget #tab-content-1> .social_link{ position: relative; bottom: 0; padding:0 0 0 350px; width: calc(100% - 350px);}







/**********************
***********************
***********************
*********MEMBER********
***********************
***********************
**********************/

/*     main aside STEP style     */
.member>main>aside.step { margin:30px auto 0; background:#ccf; padding: 0; width:100% }
.member>main>aside.step ul{ list-style:none; padding: 0; margin: 0; width: 320px; margin:0 auto; position:relative; z-index:2;}
.member>main>aside.step ul:before { content: ""; position:absolute; width: 250px; height:7px; top: 10px; left:50%; margin-left: -125px; border: 1px solid rgba(40,60,20,1); background:rgba(20,20,20,1); z-index: -1;  }
.member>main>aside.step ul li { float:left; width: 80px; height:55px; position:relative; text-align:center; padding:40px 0 0; color: rgba(155,205,50,.5);}
.member>main>aside.step ul li span { position:absolute; top: 0; left:50%; margin-left: -14px; line-height: 28px; height: 28px; width: 28px; display: block; font-weight:bold; font-size:1.5rem;  border-radius: 50%; background: rgba(155,205,50,0); color: #fff;  }
.member>main>aside.step ul li span:before { content: ""; position:absolute; width: 18px; height:9px; top: 10px; left: 5px; background:rgba(20,20,20,1);z-index:-1  }
.member>main>aside.step ul li:before { content: ""; width: 20px; height:20px; border: 1px solid rgba(40,60,20,1); position:absolute; left: 50%; margin-left: -11px; top: 3px; background:; border-radius: 50%; background:rgba(20,20,20,1); z-index: -2;}
.member>main.step1>aside ul>li:nth-child(1) span,.member>main.step2>aside ul>li:nth-child(2) span,.member>main.step3>aside ul>li:nth-child(3) span,.member>main.step4>aside ul>li:nth-child(4) span {background: rgba(155,205,50,1); }
.member>main.step1>aside ul>li:nth-child(1),.member>main.step2>aside ul>li:nth-child(2),.member>main.step3>aside ul>li:nth-child(3),.member>main.step4>aside ul>li:nth-child(4) { color: rgba(155,205,50,1);}
.member>main.step2>aside ul>li:nth-child(1) span:before,.member>main.step3>aside ul>li:nth-child(1) span:before,.member>main.step3>aside ul>li:nth-child(2) span:before,.member>main.step4>aside ul>li:nth-child(1) span:before,.member>main.step4>aside ul>li:nth-child(2) span:before,.member>main.step4>aside ul>li:nth-child(3) span:before { content: ""; position:absolute; width: 16px; height:16px; top: 6px; left: 6px; border-radius: 50% ; background:rgba(155,205,50,1) url(../images/sprite.png) -85px -715px;z-index:0;  }
.member>main.step2>aside ul>li:nth-child(1) span:after,.member>main.step3>aside ul>li:nth-child(1) span:after,.member>main.step3>aside ul>li:nth-child(2) span:after,.member>main.step4>aside ul>li:nth-child(1) span:after,.member>main.step4>aside ul>li:nth-child(2) span:after,.member>main.step4>aside ul>li:nth-child(3) span:after {content: ""; position:absolute; width: 75px; height:3px; top: 13px; left: 15px; background:rgba(155,205,50,1);z-index:-1 }

/*     article DIV style     */
.member>main article>div:first-child { padding:0; margin:0 0px 40px; line-height:1.7rem; clear:both; height:320px; overflow-y:scroll; overflow-x: hidden;  position:relative;}
.member>main article>div:first-child::-webkit-scrollbar { border-radius: 12px; width: 12px; }
.member>main article>div:first-child::-webkit-scrollbar-thumb {border-radius: 10px;  background: linear-gradient( to bottom, rgba(225,225,225,1) 0%, rgba(225,225,225,1) 60%,  rgba(200,200,200,1) 100%); box-shadow: 2px 0px 5px 2px rgba(0,0,0,0.3);}
.member>main article>div:first-child::-webkit-scrollbar-track {border-radius: 10px;background:rgba(0,0,0,1); } 
.member>main article>div h3 { text-align:center; line-height:35px; position:relative; }
.member>main article>div h3:before ,.member>main article>div h3:after{ content: ""; width: 220px; height:1px; background:rgba(100,105,105,1); position:absolute; left:50%; margin-left: -110px; bottom: 0; }
.member>main article>div h3:after {width: 100px;background:rgba(170,170,170,1);margin-left: -50px; }
.member aside,.member>main article p { margin:0 1em 0 0;}

.member>main article input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px rgba(155,205,50,1) inset;}
.member>main article>div.check { color: rgba(155,205,50,1); margin-bottom:20px; font-size:1.3rem; line-height:20px; position:relative; padding:0 0 0 20px;}
.member>main article>div.check input{ position:absolute; top: 5px; left:0;}
.member>main article>div.nextstep,.member_login>main article>div>div div.nextstep { text-align: center; margin:0 0 40px;} 
.member>main article>div.nextstep a ,.member>main.step4 article>div>form .nextstep a,.member>main.step0 article>div>form .nextstep a,.member_login>main article>div>div div.nextstep a,body.member_login > main > article label.UPframe_btn { display:inline-block; border-radius: 25px; background:rgba(155,205,50,0); border: 1px solid rgba(155,205,50,1); line-height:25px; min-width:80px; margin:0 10px; color:rgba(155,205,50,1); }
.member>main article>div.nextstep a:nth-child(2),.member_login>main article>div>div div.nextstep a:nth-child(2) { color:rgba(255,255,255,.8); border-color:rgba(255,255,255,.3);} 
.member>main article>div.nextstep a:hover,.member>main.step4 article>div>form .nextstep a:hover,.member>main.step0 article>div>form .nextstep a:hover,.member_login>main article>div>div div.nextstep a:hover,body.member_login > main > article a.UPframe_btn:hover { background:rgba(155,205,50,.5); color: rgba(255,255,255,1)}



/*    step2 ARTICLE style     */
.member>main.step2 article>aside:first-child { max-width:630px; margin:0 auto 40px;clear:both; position:relative; }
.member>main.step2 article>aside:first-child>p{ width: calc(100% - 120px); padding:0 120px 0 0; line-height:1.7em; font-size:1.3rem; line-height:30px; }
.member>main.step2 article>aside:first-child>div { position:absolute; text-align:right; top: 0; right: 0;  }
.member>main.step2 article>aside:first-child>div h4{margin:0; padding:0;line-height:30px;background:rgba(155,205,50,.5); border: 1px solid rgba(155,205,50,1); width:8em; position:absolute; right: 0; top: 0; border-radius: 30px; text-align:center; cursor: pointer;}
.member>main.step2 article>aside:first-child>div div { margin:35px 0 0; width:325px; padding:10px 20px; text-align:left;background:rgba(155,205,50,.5); border: 1px solid rgba(155,205,50,1); border-radius: 20px; line-height:2em; position:absolute; right: 0; z-index:-1; opacity: 0;-webkit-transition:all .7s; -moz-transition:all .7s;transition:all .7s;}
.member>main.step2 article>aside:first-child>div div p { text-align:center; font-size:1.5rem;}
.member>main.step2 article>aside:first-child>div h4:hover ~ div { z-index:1; opacity: 1;}

/*    step2 FORM style     */
.member>main.step2 article>div>form { max-width: 600px; margin:0 auto;}
.member>main.step2 article>div>form div { position:relative; }
.member>main.step2 article>div>form input { width:calc(100% - 122px); height: 28px; border: 1px solid rgba(85,85,85,1); background: url(../images/.png) transparent; padding-left:120px; color:rgba(255,255,255,1)}
.member>main.step2 article>div>form span { color:rgba(85,85,85,1); display: block; line-height:20px; margin:0 0 10px;}
.member>main.step2 article>div>form label { position:absolute; line-height:28px; letter-spacing:1em;  left: 0.5em; }
/* SEXUAL style */
.member>main.step2 article>div>form div.sexual { padding:0 0 10px 135px; }
.member>main.step2 article>div>form div.sexual input { width: 18px; height:22px;   vertical-align: bottom; position:absolute; opacity:0;}
.member>main.step2 article>div>form div.sexual label.male,.member>main.step2 article>div>form div.sexual label.female { position:relative; display:inline-block; width: 100px; padding:0 0 0 30px; cursor: pointer; }
.member>main.step2 article>div>form div.sexual label.male:after,.member>main.step2 article>div>form div.sexual label.female:after { content:""; width: 16px; height: 16px; position:absolute; left: 0; top: 3px; border: 1px solid rgba(85,85,85,1) ; border-radius: 50%;}
div>form div.sexual input[type=radio]:checked + label:before {content:""; width: 10px; height: 10px; position:absolute; left: 4px; top: 7px; background:rgba(155,205,50,1); 
 border-radius: 50%;}
/* IODL style */
.member>main.step2 article>div>form div.birth,.member>main.step2 article>div>form div.idol  { padding:5px 0 15px 135px; }
.member>main.step2 select,.member_login>main article>div>div select{ background-color:transparent; margin:5px; width:80px; border:1px solid rgba(85,85,85,1); color:rgba(255,255,255,1);-webkit-appearance: none;}
.member>main.step2 option,.member_login>main article>div>div option { color:rgba(50,50,50,1)}
.member>main.step2 em { font-style:normal; position:relative;}
.member>main.step2 em:after { content:""; width: 0px; height: 0px; top: 5px; left: -20px; 
border-style: solid;border-width: 5px 5px 0 5px;border-color: rgba(85,85,85,1) transparent transparent transparent; position:absolute; z-index:0;  }
.member>main.step2 article>div>form div.idol select {width:150px;}
.member>main.step2 article>div>form div.idol option,.member_login>main article>div>div option {color:rgba(255,255,255,1) }
.member>main.step2 article>div>form div.idol em {color: rgba(85,85,85,1)}
.member>main.step2 article>div>form div.idol em:after {/*left: -25px;*/ display:none;}
.member>main.step2 article>div>form div.idol select::-webkit-scrollbar,.member_login>main article>div>div select::-webkit-scrollbar{ border-radius: 8px; width: 8px; }
.member>main.step2 article>div>form div.idol select::-webkit-scrollbar-thumb,.member_login>main article>div>div select::-webkit-scrollbar-thumb{border-radius: 10px;  background: linear-gradient( to bottom, rgba(225,225,225,1) 0%, rgba(225,225,225,1) 60%,  rgba(200,200,200,1) 100%); box-shadow: 2px 0px 5px 2px rgba(0,0,0,0.3);}
.member>main.step2 article>div>form div.idol select::-webkit-scrollbar-track, .member_login>main article>div>div select::-webkit-scrollbar-track{border-radius: 10px;background:rgba(255,255,255,.3); } 
/*    step3、4、0 ARTICLE style     */
.member>main.step3 article>div:first-child,.member>main.step4 article>div:first-child,.member>main.step0 article>div:first-child {  height: auto; overflow-y: auto; overflow-x: hidden; text-align:center;}
.member>main.step3 article>div.nextstep a { padding:0 10px; }
.member>main.step4 article>div p,.member>main.step0 article>div p{ font-size:2rem; line-height:2em; }
.member>main.step4 article>div p span,.member>main.step0 article>div p span { border-bottom: 1px solid rgba(255,255,255,1); margin:0 5px;}
.member>main.step4 article>div p:nth-child(2) { font-size:1.3rem;}
.member>main.step4 form,.member>main.step0 form { max-width:400px; margin:20px auto; padding: 20px 0 0 ; background:rgba(0,0,0,1); position:relative;} 
.member>main.step4 article>div>form input,.member>main.step0 article>div>form input { width:calc(100% - 135px); height: 28px; border: 1px solid rgba(35,35,35,1); margin:0 auto 20px; background: url(../images/.png) transparent; padding-left:90px; color:rgba(255,255,255,1);  width:calc(100% - 160px);padding-left:115px;}


.member>main.step4 article>div>form label,.member>main.step0 article>div>form label { position:absolute; line-height:28px; letter-spacing:1em;  left: 3em; }
.member>main.step4 article>div>form div,.member>main.step0 article>div>form div { position:relative;}
.member>main.step4 article>div>form div:nth-child(3) img,.member>main.step0 article>div>form div:nth-child(3) img { position:absolute; right: 22px; top: 1px; height:30px; }
.member>main.step4 article>div>form div:nth-child(6),.member>main.step0 article>div>form div:nth-child(6) { padding:15px 0 20px;color:rgba(150,150,150,1)}
.member>main.step4 article>div>form div:nth-child(6) a,.member>main.step0 article>div>form div:nth-child(6) a{ color:rgba(150,150,150,1)}
.member>main.step4 article>div>form div:nth-child(6) a:hover,.member>main.step0 article>div>form div:nth-child(6) a:hover  {color: rgba(100,150,20,1);}
.member>main.step4 article>div>form div.remember ,.member>main.step0 article>div>form div.remember{ margin:0 0 10px;}
.member>main.step4 article>div>form div.remember input,.member>main.step0 article>div>form div.remember input { width: 18px; height:22px; vertical-align: bottom; position:absolute; opacity:0;}
.member>main.step4 article>div>form div.remember label,.member>main.step0 article>div>form div.remember label { position:relative; display:inline-block; width: 165px; padding:0 0 0 30px; cursor: pointer; left:0; }
.member>main.step4 article>div>form div.remember label:after,.member>main.step0 article>div>form div.remember label:after { content:""; width: 16px; height: 16px; position:absolute; left: 0; top: 5px; border: 1px solid rgba(85,85,85,1) ; border-radius: 50%;}
.member>main.step4 article>div>form div.remember input[type=checkbox]:checked + label:before,.member>main.step0 article>div>form div.remember input[type=checkbox]:checked + label:before {content:""; width: 10px; height: 10px; position:absolute; left: 4px; top: 9px; background:rgba(155,205,50,1); border-radius: 50%;}

/*add*/
.member>main.step0 form,.member>main.step4 form {  padding: 20px 0 10px ; }
.member>main.step0 article>div>p,.member>main.step4 article>div>p {  font-size:1rem; color:#999999; padding:0px;  }
.member>main.step0 article>div>form div:nth-last-child(1),.member>main.step4 article>div>form div:nth-last-child(1) { margin:10px 0 0;}



/**********************
***********************
***********************
*****member LOGIN******
***********************
***********************
**********************/

/*    article div ASIDE style     */
.member_login>main article>div { width: calc(75% - 15px); float: right; }
.member_login>main article>div aside { width: 30%; float:left; max-width:350px; text-align:center; }
.member_login>main article>div aside div { font-size:4.5rem; line-height:55px;}
.member_login>main article>div aside p { color:rgba(155,205,50,1); padding:10px 0;}


.member_login>main article>div aside > em { z-index: 1;margin: 20px auto 15px; border-radius: 50%; display: block; width: 200px; height: 200px; background-size: contain; background-repeat: no-repeat; background-position: center; background-color:rgba(0,0,0,0.2); position:relative; text-align:center; border: 5px solid rgba(40,60,65,1); box-shadow: 5px 5px 5px rgba(0,0,0,1) inset; overflow:hidden;}



.member_login>main article>div aside span { width: 80%; height: 16vw; min-width:150px; max-width: 300px; min-height:200px; margin:20px auto 15px; border: 5px solid rgba(40,60,65,1); border-radius: 50%; box-shadow: 2px 2px 10px 5px rgba(0,0,0,0.2);box-shadow: 5px 5px 5px rgba(0,0,0,1) inset; background:rgba(0,0,0,0.2); overflow:hidden; text-align:center; position:relative; 
 display:block;}
.member_login>main article>div aside img { max-height: 100%; position: absolute; left: 50%; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%); }
.member_login>main article>div aside a { display:inline-block; line-height:20px; border: 1px solid rgba(135,225,210,1); background:rgba(70,120,110,1); padding:0 10px; border-radius: 20px;}
.member_login>main article>div aside a:hover { color:rgba(130,200,200,1); background-color: transparent; }


/*    article div DIV style     */
.member_login>main article>div>div { width: 70%; float:right; }
.member_login>main article>div>div ul { list-style:none; padding:0; margin:0;}
.member_login>main article>div>div ul li { line-height: 115px; border-bottom:1px solid rgba(40,55,65,1); position:relative; padding:0 0 0 35%; }
.member_login>main article>div>div ul li div { margin:0 0 0 35px;}
.member_login>main article>div>div ul li:nth-child(1){border-top:1px solid rgba(40,55,65,1);}
.member_login>main article>div>div ul li:before { content: ""; width: 35%; height:115px; border-right:1px solid rgba(40,55,65,1); display: block; position:absolute; top: 0; left: 0; text-align:center;}
.member_login>main article>div>div ul li.name:before{content: "您的姓名";}
.member_login>main article>div>div ul li.id:before{content: "您的帐号";}
.member_login>main article>div>div ul li.points:before{content: "累积点数";}
.member_login>main article>div>div ul li.hotnews:before{content: "最新消息";}
.member_login>main article>div>div ul li.password:before{content: "原来密码";}
.member_login>main article>div>div ul li.password_update:before{content: "更新密码";}
.member_login>main article>div>div ul li.password_check:before{content: "确认密码";}
.member_login>main article>div>div ul li.edit_name:before{content: "会员昵称";}
.member_login>main article>div>div ul li.edit_phone:before{content: "手机号码";}
.member_login>main article>div>div ul li.edit_address:before{content: "地址";}
.member_login>main article>div>div ul li.edit_idol:before{content: "喜爱偶像";}

.member_login>main article>div>div ul li.name div,.member_login>main article>div>div ul li.points div { font-size:4rem;}
.member_login>main article>div>div ul li.points div a { display:inline-block;  font-size:1.2rem; border: 1px solid rgba(155,205,50,1); background:rgba(155,205,50,0); padding:0 10px; border-radius: 20px; line-height:20px;  color:rgba(155,205,50,1); vertical-align:middle;}
.member_login>main article>div>div ul li.points div a:hover { background:rgba(155,205,50,.5); color: rgba(255,255,255,1)}
.member_login>main article>div>div ul li.hotnews div { line-height:55px;}
.member_login>main article>div>div ul li.hotnews p {display:inline-block; width:100%; height:20px;color:rgba(155,205,50,1); padding:0; margin:0;}
.member_login>main article>div>div ul li input { width:90%; border: 1px solid rgba(40,55,65,1);  background: url(../images/.png) transparent; color:rgba(255,255,255,1); height:25px; padding: 0 2%}
.member_login>main article>div>div div.nextstep { margin:15px 0 40px;} 
.member_login>main article>div>div ul li select { width: 94%; margin:0 auto; vertical-align:middle; border: 1px solid rgba(40,55,65,1);}
.member_login>main.login3 article>div>div ul li:nth-child(4) {  padding:0 ; text-align:center; }
.member_login>main.login3 article>div>div ul li:nth-child(4):before { border:none;}

.member_login>main.login4 article>div .list_toggle { list-style:none; margin-bottom:40px;}
.member_login>main.login4 article>div .list_toggle>li {border-bottom: 1px solid rgba(40,55,65,1); cursor: pointer;}
.member_login>main.login4 article>div .list_toggle>li h3 { margin:0px;font-weight:normal; line-height:50px; padding:0 30px 0 0; position:relative;}
.member_login>main.login4 article>div .list_toggle>li h3:after { content: "";  position:absolute; width: 0; height:0; right: 15px; top: 50%; margin-top:-10px; border-top: 5px solid rgba(40,55,65,1);border-left: 5px solid rgba(40,55,65,0);border-right: 5px solid rgba(40,55,65,0); }
.member_login>main.login4 article>div .list_toggle>li.active h3:after {border-bottom: 5px solid rgba(40,55,65,1);border-top: 0px solid rgba(40,55,65,0);}

.member_login>main.login4 article>div .list_toggle>li h3 span { width:15%; min-width:70px; text-align:center; color:rgba(175,190,215,1); display:inline-block;}
.member_login>main.login4 article>div .list_toggle>li>div {display:none; padding:0px 0px 10px 15%; line-height:1.6em; }


/**********************
***********************
***********************
********* ABOUT********
***********************
***********************
**********************/


/*     main nav style     */
.about>main>nav { border-top: 1px solid rgba(150,180,170,1); position:relative;}
.about>main>nav:before { content:""; position:absolute; left: 0; bottom: 0; border-bottom: 3px solid rgba(150,180,170,1);  z-index:-1;border-bottom: 3px solid rgba(150,180,170,0); }
.about>main>nav ul { margin:0px; padding:0px; list-style: none; text-align:center;}
.about>main>nav ul li { display:inline-block; line-height:50px; padding:0px;margin:0 5px; margin:0px;}
.about>main>nav ul li a { display:inline-block;  padding:0 25px;border: 1px solid rgba(150,180,170,0);border-bottom: 3px solid rgba(150,180,170,0); border-top: none ;border-bottom: 3px solid rgba(150,180,170,1); padding:0 30px;}
.about>main>nav ul li a:hover {background:rgba(0,0,0,0.8);border: 1px solid rgba(150,180,170,1);border-bottom: 3px solid #121f23; border-top: none ;background:rgba(0,0,0,0.7);border-bottom: 3px solid rgba(0,0,0,0.0);}
.about>main.about1>nav ul>li:nth-child(1) a,.about>main.about2>nav ul>li:nth-child(2) a,.about>main.about3>nav ul>li:nth-child(3) a,.about>main.about4>nav ul>li:nth-child(4) a,.about>main.about5>nav ul>li:nth-child(5) a,.about>main.about6>nav ul>li:nth-child(6) a,.about>main.about7>nav ul>li:nth-child(7) a{background:rgba(0,0,0,0.7);border-left: 1px solid rgba(150,180,170,1);border-right: 1px solid rgba(150,180,170,1);border-bottom: 3px solid rgba(0,0,0,0);} 

.about>main>nav ul { letter-spacing: -1px; word-spacing: -1px; font-size: 0;}
.about>main>nav ul li { font-size: 1.2rem; letter-spacing: normal;  word-spacing: normal; display:inline-block; *display: inline;  zoom:1; position:relative;}
.about>main>nav ul>li:nth-child(1):before { content:""; position:absolute; right: calc(7.2rem + 44px); bottom: 0px; z-index:-1;border-bottom: 3px solid rgba(150,180,170,1); width: 500px; }
.about>main>nav ul>li:nth-child(6):before { content:""; position:absolute; left: calc(8.4rem + 44px); bottom: 0px; z-index:-1;border-bottom: 3px solid rgba(150,180,170,1); width: 500px; }

.about>main article>div div.nextstep { text-align: center; margin:0 0 40px;} 
.about>main article>div div.nextstep a { display:inline-block; border-radius: 25px; background:rgba(155,205,50,0); border: 1px solid rgba(155,205,50,1); line-height:25px; min-width:80px; margin:0 10px; color:rgba(155,205,50,1); }
.about>main article>div div.nextstep a:nth-child(2) { color:rgba(255,255,255,.8); border-color:rgba(255,255,255,.3);} 
.about>main article>div div.nextstep a:hover, { background:rgba(155,205,50,.5); color: rgba(255,255,255,1)}



.about>main article>div>form>div { position:relative; padding:35px 0 35px 25%; border-top: 1px solid #26393f;}
.about>main article>div div >p { margin:0 0 25px 0;}
.about>main article>div div span { position:absolute; left:0; top: 35px; width:25%; text-align:center;}
.about>main article>div form input { height:27px; background-color: transparent; margin:0; padding:0px; color:#adb3b1; border:none; border:1px solid rgba(85,85,85,1);  color:#adb3b1;width:100%;  }
.about>main article>div form textarea {background: rgba(0,0,0,0);border:1px solid rgba(85,85,85,1); width:70%; height:150px;}
.about>main article>div form input[type=button] { width:100% ;padding: 0px;}
.about>main article>div form input[type=file] {  color:#adb3b1;  }
.about>main article>div form .button { width:300px; position:absolute;  line-height:27px;background:#141a1a;text-align:center; top: 36px; right:0px; border-left:1px solid rgba(85,85,85,1);  }
.about>main article>div form input.file {  width: 300px; position:absolute; top: 0; right:0; background:#0F0; z-index:3; opacity:0;  }


.explain{  display: none; position:absolute; top:0; left:0; width:100%; position:absolute;  z-index:10;background:url(../images/explainbg.png) repeat; }
.explain > .msgbox{ position:absolute; width:370px; z-index:20; background:rgb(155,205,50); top:300px; left: 50%; margin-left: -200px;  padding:15px; text-align:center; }
.explain > .msgbox > .close{ display:block; background: #fff; color: rgb(155,205,50); margin:15px 0 0;}











/*     article NAV style   */  
.about>main article { padding: 40px 0 0; margin:0 auto ; width:calc(100% - 50px); }

/*     article DIV style     */
.about>main article>div { width: calc(75% - 20px); padding:0 0 0 20px; float:right; padding:0; margin:0 0 40px; line-height:1.5em;}
.about>main article>div a { border-bottom: 1px solid #fff; }
.about>main article>div a:hover { color: rgba(155,205,50,1);border-bottom: 1px solid rgba(155,205,50,1);}
/*     article div TABLE style     */
.about>main article>div table { padding:0; margin:0; width:100%}
.about>main article>div table td,.about>main article>div table th { padding:15px 0; margin:0; line-height:20px;  border-bottom:1px solid #26393f; text-align:center; }
.about>main article>div table th { background: rgba(0,0,0,0.6); text-align:center;}
/*     article div ALL TABLE style     */
.about>main.about1 article>div table tr:nth-last-child(1) td { border:none; }
.about>main.about1 article>div table td:nth-child(1),.about>main.about1 article>div table td:nth-child(3),.about>main.about3 article>div table.table5 td:nth-child(1) {width: calc(15% - 20px); padding:0 10px 0 10px; text-align:right; color: rgba(155,205,50,1); }
.about>main.about1 article>div table td:nth-child(2),.about>main.about1 article>div table td:nth-child(4) {width: 35%;text-align: left;}
/*modify*/
.about>main.about1 article>div table.new td:nth-child(1) {width:35%; text-align: center;}
.about>main.about1 article>div table.new td:nth-child(2) {width:20%; text-align:left;}
.about>main.about1 article>div table.new td:nth-child(3) {width:44%; text-align:left; padding:6px 0;}
/*modify*/


.about>main.about2 article>div table.about2 td { width: 11%;}
.about>main.about2 article>div table.about2 td a,.about>main.about3 article>div table.table5 td a,.about>main article>div table.table6 td a,.about>main article>div table.table7 td a { background:none; border-bottom: 1px solid #fff; width: auto; display:inline;}
.about>main.about2 article>div table.about2 td a:hover,.about>main.about3 article>div table.table5 td a:hover,.about>main article>div table.table6 td a:hover { color: rgba(155,205,50,1);border-bottom: 1px solid rgba(155,205,50,1);}

.about>main.about2 article>div table.about2 tr td:nth-child(1) { width: 12%;}
.about>main.about2 article>div table.about2 tr:nth-child(1) th:nth-child(1) { border-right: 1px solid #26393f;} 
.about>main.about2 article>div table.about2 tr:nth-child(1) th {border-top: 1px solid #26393f;}

.about>main article>div table.about3 td,.about>main.about2 article>div table.about4 td { width:15%;}
.about>main article>div table.about3 td:nth-child(2) { width: calc(70% - 15px); text-align:left; border-left:1px solid #26393f; padding:0 4px 0 10px;}

.about>main article>div table.about4 td:nth-child(2) {border-left:1px solid #26393f;border-right:1px solid #26393f;}
.about>main article>div table.about4 td:nth-child(3) {width: calc(40% - 15px);padding:0 3px 0 10px; }
.about>main.about3 article>div table.table5 td:nth-child(2) { width:85%; text-align:left;}
.about>main article>div table.table6 td { text-align:left; }
.about>main article>div table.table6 td span {color: rgba(155,205,50,1);}

.about>main.about4 article>div table.about3 td {width:75%; text-align:left; }
.about>main.about4 article>div table.about3 td:nth-child(2) { width: calc(25% - 15px); text-align: center;}
.about>main article>div table.table7 td { width:33% }

/**********************
***********************
***********************
********* JOIN ********
***********************
***********************
**********************/


/*     main nav style     */
.join>main figure { width: 100%; min-height: 300px; text-align: center; background: url(../images/join1.jpg) center no-repeat ; margin: 0; font-size: 2.5rem; font-style: italic; color:rgba(255,255,255,.7); -moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;-ms-background-size:cover;background-size:cover; padding: 40px 0 0 ;}
.join>main.join2 figure,.join>main.join3 figure {background-image: url(../images/join2.jpg);}
.join>main>aside.socialnetwork { width: 85%; margin-left: 15%; }
.join>main>aside.socialnetwork ul { list-style:none; margin: 0; position: absolute; left: 50%; top: 2px; margin-left: -200px; }
.join>main>aside.socialnetwork ul li { float: left; margin:0 20px 0 5px; padding:5px 5px;  cursor: pointer; }
.join>main>aside.socialnetwork ul li a {display:block; width: 25px; height: 25px; background:url(../images/sprite.png)}
.join>main>aside.socialnetwork ul li:nth-child(1) a { background-position: 0 -715px ;}
.join>main>aside.socialnetwork ul li:nth-child(2) a { background-position: -25px -715px ;}
.join>main>aside.socialnetwork ul li:nth-child(3) a { background-position: -50px -715px ;}
.join>main>aside.socialnetwork ul li:nth-child(1):hover a { background-position: 0 -740px ;}
.join>main>aside.socialnetwork ul li:nth-child(2):hover a { background-position: -25px -740px ;}
.join>main>aside.socialnetwork ul li:nth-child(3):hover a { background-position: -50px -740px ;}
.join>main>aside.socialnetwork {margin-bottom: 25px;}
.join>main article>div { width: calc(75% - 20px); padding:0 0 0 20px; float:right; padding:0; margin:0 0 40px; line-height:1.5em;}


/*     main FORM style     */
.join form>div { width:calc(50% - 42px); margin:0 20px 20px 0;  height:27px; float:left; position:relative;font-size:13px; color:#adb3b1; border:1px solid rgba(85,85,85,1);}
.join form input { width:calc(100% - 90px);  height:27px; background-color: transparent; background-image:url();  padding:0 0 0 90px; color:#adb3b1; border:none; }
.join form label { position:absolute;font-size:13px; top: 5px;  left: 5px; letter-spacing:1px;}
.join form input[type=button] { width:100% ;padding: 0px;}
.join form input[type=file] {  color:#adb3b1;  }
.join form .button { width: 57px; position:absolute; padding:0 0 0 3px; right: 0; overflow:hidden; line-height:27px;background:#141a1a; }
.join form input.file {  width: 60px; position:absolute; top: 0; left:0; background:#0F0; z-index:3; opacity:0; }
.join form>p { clear:both; color:rgba(205,205,205,.7);}
















/**********************
***********************
***********************
*********ALBUM*********
***********************
***********************
**********************/
.album>main {padding:0 25px 0 25px; margin:0px; position:relative; overflow:hidden;}
.album>main>h2:after {  -ms-transform: skewX(-50deg);  -moz-transform: skewX(-50deg); -o-transform: skewX(-50deg);  -webkit-transform: skewX(-50deg); transform: skewX(-50deg);  width: 20px; height: 320px; left:14px; bottom: -230px;}
/*       LATEST style      */ 
.album>main ul { margin:0; padding:0; list-style:none;}
.album>main>ul.latest>li { float:left; width: 32%; margin:0 2% 50px 0; background: rgba(0,0,0,.7); padding:0; position:relative; overflow:hidden; line-height:1; box-shadow: 3px 3px 10px 0px rgba(0,0,0,.5);}
.album>main>ul.latest>li:nth-child(3) { margin:0;}
.album>main>ul.latest>li>a { width: 300px; width: 300px; overflow:hidden; display:block; float:left; position:relative;}
.album>main>ul.latest time {font-family:"Times New Roman", Times;  display:block; text-align:center; float: right; width:calc(100% - 300px); padding:15px 0 10px; margin:0; font-size:1.5rem; letter-spacing:0.2em;  }
.album>main>ul.latest time span { display: block; font-size:2.5rem; padding:10px 0 0;}
.album>main>ul.latest time em{ font-size:3.5rem; border-bottom:1px solid rgba(255,255,255,.5); display:inline-block; padding:8px 0 8px;}
.album>main>ul.latest h3 { clear:both; background:rgba(155,205,50,1); margin:0; line-height:30px; text-align:right; font-size:1.9rem; padding:0 15px 0 0; margin-top:-2px; font-weight:normal}
.album>main>ul.latest h3 span { background:rgba(120,155,50,1); display:inline-block; padding:0 15px;  float: left; position:relative;}
.album>main>ul.latest h3 span:after { content:""; position:absolute; width: 0; height:0; top: 0; right:-30px;
border-style: solid;border-width: 30px 30px 0 0;border-color: rgba(120,155,50,1) transparent transparent transparent;
}
.album>main>ul.latest>li>div { position:absolute; width:100%; height: 100%; top: 0; left: 300px; padding:135px 0 0;  }
.album>main>ul.latest>li>div>a { display:inline-block; width:calc(100% - 300px); height:50px; background:url(../images/sprite.png) center -795px;  margin:0 300px 0 0; z-index:9; position:relative; }
.album>main>ul.latest>li>div>a:hover { background-position: center -845px}
.album>main>ul.latest>li>div>a:hover:nth-child(1) ~ ul li:nth-child(1),
.album>main>ul.latest>li>div>a:hover:nth-child(2) ~ ul li:nth-child(2),
.album>main>ul.latest>li>div>a:hover:nth-child(3) ~ ul li:nth-child(3) {left: -100%; opacity:1;}
.album>main>ul.latest>li>div>ul { width: 300px; height:300px; position:absolute; left: 0; top: 0;  }
.album>main>ul.latest>li>div>ul li { width: 100%; height:245px; text-align:center; position:absolute; left: 0 ;top: 0; padding:55px 0 0; background:rgba(0,0,0,.8); opacity:0;}
.album>main>ul.latest>li>div>ul li img { width:230px; border-bottom: 3px solid rgba(155,205,50,1); padding:0 0 2px; }
/*         ul ALL style        */ 
.album>main ul.all { clear:both; padding:0px;min-height:400px}
.album>main ul.all>li { float:left; width:20%; padding:0; position:relative; overflow:hidden; line-height:1; margin: 0 0 10px 0; padding:0 0 10px;}
.album>main ul.all>li a { width: 225px; height:225px; line-height:1; overflow:hidden; display:block; position:relative; box-shadow: 3px 3px 10px 0px rgba(0,0,0,.5); margin:0 auto;}
.album>main ul.all>li a>div,.album>main ul.all>li a>h3 { position: absolute; top: 0; left:0; width: 100%; height: 100%;}
.album>main ul.all>li a>div { text-align:center; background:rgba(0,0,0,.7); z-index:2; padding:35px 0 0; height:190px;opacity:0; }
.album>main ul.all>li a>div:before { content:""; position:absolute;width: 40px; height: 40px; border-top:1px solid #a2d015;border-right:1px solid #a2d015; top: 50%; right: 20%;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg); margin-top:-25px; margin-right:-100%; transition-delay:.5s;}
.album>main ul.all>li a>div time {font-family:"Times New Roman", Times;display:block; padding:15px 0; color:rgba(155,205,50,1);  }
.album>main ul.all>li a>div time em { display:block; opacity:0;   }
.album>main ul.all>li a>div time em:nth-child(1) {font-size:2rem; transition-delay:.2s; margin-right:100%;}
.album>main ul.all>li a>div time em:nth-child(2) {font-size:2.5rem; margin:5px 0;transition-delay:.3s; margin-right:100%;}
.album>main ul.all>li a>div time em:nth-child(3) {font-size:3.5rem;transition-delay:.4s; margin-right:100%;}
.album>main ul.all>li a>img {width: 225px;}

.album>main ul.all>li a>h3 div { height: 60px; width: 215px; text-align:right; padding:165px 10px 0 0; position:relative;}
.album>main ul.all>li a>h3:before { content:""; position:absolute; width: 225px; height:100px; background: rgba(0,0,0,.7); bottom: -45px; left: 0; -webkit-transform:skewY(-20deg);-ms-transform:skewY(-20deg);-o-transform:skewY(-20deg);-moz-transform:skewY(-20deg);transform:skewY(-20deg); }
.album>main ul.all>li a>h3 span{ position:relative; }
.album>main ul.all>li a>h3 span:nth-child(2){font-size: 1.3rem; line-height:1.7rem; letter-spacing:1px; }
 

.album>main ul.all>li a>h3 div:before { content:""; position:absolute;  width: 0; height: 0;border-bottom: 15px solid rgba(155,205,50,.7); border-left: 225px solid transparent; -ms-transform:skewY( -20deg);-o-transform:skewY( -20deg);-moz-transform:skewY( -20deg);-webkit-transform:skewY( -20deg);transform:skewY( -20deg); top: 155px; right: 0;}
.album>main ul.all>li a>h3 div:after { content:""; position:absolute;  width: 0; height: 0;border-bottom: 10px solid rgba(155,205,50,.4); border-left: 225px solid transparent; -ms-transform:skewY( -23deg);-o-transform:skewY( -23deg);-webkit-transform:skewY( -23deg);-moz-transform:skewY( -23deg);transform:skewY( -23deg); top: 152px; right: 0;}
.album>main ul.all>li a>h3 div span:nth-child(2) { display:block; margin: 12px 0 0;display:block; margin: 7px 0 0;}


.album>main ul.all>li a>h3 div span:nth-child(1):after { content: ""; width: 35px; height:1px; border-bottom: 1px solid rgba(155,205,50,1); position:absolute; left: 50%; margin-left: -17px; top: 18px;}
/*     ul.all  HOVER  style    */ 
.album>main ul.all>li a:hover>h3 { opacity:0;}
.album>main ul.all>li a:hover>div { opacity:1;}
.album>main ul.all>li a:hover>div time em:nth-child(1),.album>main ul.all>li a:hover>div time em:nth-child(2),.album>main ul.all>li a:hover>div time em:nth-child(3),.album>main ul.all>li a>div:hover:before { margin-right:0%; opacity:1;}











/**********************
***********************
***********************
*******ALBUMCON********
***********************
***********************
**********************/

body.albumcon:after { background:rgba(0,0,0,0.4);}
/*     div  DECORATION style    */ 
.albumcon>main>div.decoration ul { list-style:none; margin: 0; position: absolute; left: 50%; top: 2px; margin-left: -200px; }
.albumcon>main>div.decoration ul li { float: left; margin:0 20px 0 5px; padding:5px 5px;  cursor: pointer; }
.albumcon>main>div.decoration ul li a {display:block; width: 25px; height: 25px; background:url(../images/sprite.png)}
.albumcon>main>div.decoration ul li:nth-child(1) a { background-position: 0 -715px ;}
.albumcon>main>div.decoration ul li:nth-child(2) a { background-position: -25px -715px ;}
.albumcon>main>div.decoration ul li:nth-child(3) a { background-position: -50px -715px ;}
.albumcon>main>div.decoration ul li:nth-child(1):hover a { background-position: 0 -740px ;}
.albumcon>main>div.decoration ul li:nth-child(2):hover a { background-position: -25px -740px ;}
.albumcon>main>div.decoration ul li:nth-child(3):hover a { background-position: -50px -740px ;}
.albumcon>main>div.decoration {margin-bottom: 0px;}
.albumcon>main article>div { width: calc(75% - 20px); padding:0 0 0 20px; float:right; padding:0; margin:0 0 40px; line-height:1.5em;}

/*       RIGHTCOLUMN  style       */ 
.albumcon>main { margin:0;}
.albumcon>main>.rightcolumn { float: right; width: 70%; min-width: 790px; padding:0 0 30px; }
/*   rightcolumn  MVAREA style    */ 
.albumcon>main>.rightcolumn .mvarea { width:790px; height:400px; position: relative; background:rgba(20,35,35,1);  }
.albumcon>main>.rightcolumn .mvarea:after { content:""; width: 70px; height:1px; border-bottom:1px solid rgba(255,255,255,.2); position:absolute; top: 345px; left: 20px; z-index:9; }
.albumcon>main>.rightcolumn .mvarea .musicvideo { width:670px; margin:0 0 0 120px;}
.albumcon>main>.rightcolumn .mvarea .mvlist{position: absolute; top: 0; left: 0; overflow:hidden; height:300px; width:120px; }
.albumcon>main>.rightcolumn .mvarea .mvlist ul{ position:absolute; left:0; top:0;margin:0; padding:0;  list-style: none;}
.albumcon>main>.rightcolumn .mvarea .mvlist ul li{margin:0px; border-bottom: 1px solid rgba(255,255,255,.15);min-width:115px;}
.albumcon>main>.rightcolumn .mvarea .mvlist ul li span { font-size:1.1rem; font-style:normal; font-weight:normal; letter-spacing:0em; color: rgba(255,255,255,.9); }
.albumcon>main>.rightcolumn .mvarea .mvlist ul li a {padding:12px 7px 0px 8px; height: 47px; display:block;}
.albumcon>main>.rightcolumn .mvarea .mvlist ul li:hover span { color:rgba(155,205,50,1)}
.albumcon>main>.rightcolumn .mvarea .mvlist ul li.on{border-right: 5px solid rgba(80,110,115,1);}	
.albumcon>main>.rightcolumn .mvarea .mvprv,.mvarea .mvnext { position:absolute; width: 80px; height:45px; bottom: 55px; left: 45px; display:block; }
.albumcon>main>.rightcolumn .mvarea .mvnext { bottom: 5px;  }
.albumcon>main>.rightcolumn .mvarea .mvprv:after,.mvarea .mvnext:after { content:""; width: 15px; height:15px; border-bottom:1px solid rgba(255,255,255,1); border-right:1px solid rgba(255,255,255,1); position:absolute; top: 15px; left: 0px; -moz-transform:rotate(45deg);  -webkit-transform:rotate(45deg);  -ms-transform:rotate(45deg);  -o-transform:rotate(45deg); transform:rotate(45deg); }
.albumcon>main>.rightcolumn .mvarea .mvprv:after {-moz-transform:rotate(-135deg);  -webkit-transform:rotate(-135deg);  -ms-transform:rotate(-135deg);  -o-transform:rotate(-135deg); transform:rotate(-135deg); }
/*   rightcolumn  ARTICLE style    */ 
.albumcon>main>.rightcolumn article { margin: 20px 0; width:790px; padding:40px 0 0; position:relative;}
.albumcon>main>.rightcolumn article .ckf { width:100%;}
.albumcon>main>.rightcolumn article:before { content: "作品介绍"; position:absolute; top: 0; left: 0; color:rgba(155,205,50,1); font-size: 2.0rem; }
.albumcon>main>.rightcolumn article:after { content: ""; width: calc(100% - 8em); height:10px; border-bottom:2px dotted rgba(155,205,50,1); position: absolute; left: 8em; top: 5px;  }
/*       LEFTCOLUMN  style       */ 
.albumcon>main>.leftcolumn { float: left; width: calc(30% - 10px); margin:0 10px 30px 0; position:relative;  text-align:center;}
.albumcon>main>.leftcolumn h1 { padding:0 0; font-size:4rem; margin:0; font-weight:normal; }
.albumcon>main>.leftcolumn time { color:rgba(185,185,185,1); display:inline-block; padding:0 0 0 3rem; position:relative;}
.albumcon>main>.leftcolumn time span{ color:rgba(125,125,125,1); font-size:1rem; position:absolute; top: 10px; left: 5px;}
.albumcon>main>.leftcolumn time span:nth-child(2) {top: 25px}
.albumcon>main>.leftcolumn h2 { color:rgba(155,205,50,1); font-size:5.5rem; margin: 5px 0;}
.albumcon>main>.leftcolumn div {margin: 15px 0 0 ;}
.albumcon>main>.leftcolumn div a { width: 41px; height: 41px; background:url(../images/sprite_tableicon.png);  display:inline-block; border: 1px solid rgba(155,205,50,1); margin:0 3px 0 0}
.albumcon>main>.leftcolumn div a:nth-last-child(1) { margin:0}
.albumcon>main>.leftcolumn div a.omusic { background-position: -90px 0px;}
.albumcon>main>.leftcolumn div a.spotify { background-position: -140px 0px;}
.albumcon>main>.leftcolumn div a.kkbox { background-position: -190px 0px;}
.albumcon>main>.leftcolumn div a.mymusic { background-position: -240px 0px;}
.albumcon>main>.leftcolumn div a.itunes { background-position: -290px 0px;}
.albumcon>main>.leftcolumn div a.omusic:hover { background-position: -90px -50px;}
.albumcon>main>.leftcolumn div a.spotify:hover { background-position: -140px -50px;}
.albumcon>main>.leftcolumn div a.kkbox:hover { background-position: -190px -50px;}
.albumcon>main>.leftcolumn div a.mymusic:hover { background-position: -240px -50px;}
.albumcon>main>.leftcolumn div a.itunes:hover { background-position: -290px -50px;}
.albumcon>main>.leftcolumn div a.xiami { background-position: -90px -190px;}
.albumcon>main>.leftcolumn div a.migu { background-position: -131px -190px;}
.albumcon>main>.leftcolumn div a.ttpod { background-position: -172px -190px;}
.albumcon>main>.leftcolumn div a.youku{ background-position: -213px -190px;}
.albumcon>main>.leftcolumn div a.tudou { background-position: -254px -190px;}
.albumcon>main>.leftcolumn div a.imusic { background-position: -295px -190px;}
.albumcon>main>.leftcolumn div a.xiami:hover { background-position: -90px -231px;}
.albumcon>main>.leftcolumn div a.migu:hover { background-position: -131px -231px;}
.albumcon>main>.leftcolumn div a.ttpod:hover { background-position: -172px -231px;}
.albumcon>main>.leftcolumn div a.youku:hover { background-position: -213px -231px;}
.albumcon>main>.leftcolumn div a.tudou:hover { background-position: -254px -231px;}
.albumcon>main>.leftcolumn div a.imusic:hover { background-position: -295px -231px;}




/*    main   ASIDE  style       */ 
.albumcon>main>aside { width: calc(30% - 10px); margin:0 10px 20px 0; position:relative;clear:left;}
.albumcon>main>aside>p { color:rgba(0,0,0,.8); background:rgba(115,155,45,1); padding:10px 0 10px 50px; font-size:1.5rem; letter-spacing:1em; max-width:240px; margin:0 auto; font-weight:bold; position:relative;}
.albumcon>main>aside>p:before {content: ""; width: 6px; height: 6px; background:rgba(115,155,45,1); border: 5px solid rgba(15,15,15,1); border-radius: 50%; position:absolute; top: 50%; margin-top: -8px; left: 15px;}
.albumcon>main>aside ul { margin:0 auto; padding:0; list-style:none; max-width:280px;}
.albumcon>main>aside ul li { border-bottom:1px solid rgba(75,75,75,1);  position:relative; padding:20px 80px 20px 20px; }
.albumcon>main>aside ul li cite { font-style:normal;  position:relative; margin:0; padding:0; line-height:15px;}
.albumcon>main>aside ul li cite:before {content: ""; height: 5px; width: 5px; background:rgba(155,205,50,1); position:absolute; top: 5px; left: -10px; margin:0 }
.albumcon>main>aside ul li span { line-height:55px; position: absolute; right:0; top: 0px; }














/**********************
***********************
***********************
*******SCHEDULE********
***********************
***********************
**********************/
.schedule>main { margin:0;}
.schedule>main>header ul { list-style:none; width:100%; text-align:center; background:rgba(0,0,0,.8); margin:0; }
.schedule>main>header ul li { padding:8px 5px 8px 25px; margin:; color:rgba(255,255,255,.6); display:inline-block; position:relative; margin-right:10px;}
.schedule>main>header ul li:before { content:""; width: 20px; height: 20px; position: absolute; background:url(../images/sprite.png) no-repeat; left:0; top: 5px; }
.schedule>main>header ul li:nth-child(1):before { background-position: 0px -985px;}
.schedule>main>header ul li:nth-child(2):before { background-position: -20px -985px;}
.schedule>main>header ul li:nth-child(3):before { background-position: -40px -985px;}
.schedule>main>header ul li:nth-child(4):before { background-position: -60px -985px;}
.schedule>main>header ul li:nth-child(5):before { background-position: -80px -985px;}
.schedule>main>header ul li:nth-child(6):before { background-position: -100px -985px;}
.schedule>main>header ul li:nth-child(7):before { background-position: -120px -985px;}
.schedule>main>header ul li:after { content:""; height: 10px; border-left: 1px solid rgba(255,255,255,.3); position:absolute; top: 10px; left:-10px;  }
.schedule>main>header ul li:nth-child(1):after { border: none;}

/*       header  TIME  style         */ 
.schedule>main>header>div { height:60px;width: 85%; margin-left: 15%;}
.schedule>main>header>div:before { border-width: 0 0 60px 37px; left:-37px;}
.schedule>main>header>div:after {left:5px;height: 170px;}
 
/*         CALENDAR    style       */
.schedule>main>.calendar> .date {font-family:"Times New Roman", Times, serif; position:absolute; top: 112px; width: 100%; height:60px; text-align:center; overflow:hidden; text-transform:uppercase;  font-style:italic;}
.schedule>main>.calendar> .date .period_year { position:absolute; left:15%; top: 18px; letter-spacing:2px; letter-spacing:3px; text-indent:3px; font-size:2.5rem; -webkit-transform: scale(0.85);transform: scale(0.85); }
.schedule>main>.calendar> .date .period_month { font-size:15rem;line-height:90px;height: 60px;letter-spacing:0; color: rgba(135,175,40,1); letter-spacing:3px; position:absolute; left:20%; overflow:hidden; }
.schedule>main>.calendar> .date .period_month {height: 60px; overflow:hidden; top:1px;}
.schedule>main>.calendar> .date .period_monthN { font-size:5rem; padding: 0 30px 0 15px; z-index:1; position:relative;}
.schedule>main>.calendar> .date .period_monthN:after { content: "月"; font-style:normal; font-size:2rem; position:absolute; bottom:5px; right: 5px;  }
.schedule>main>.calendar> .date .prev,.schedule>main>.calendar> .date .next { z-index:1; position:relative; font-size:5rem; cursor: pointer;  }
.schedule>main>.calendar> .date .prev:hover,.schedule>main>.calendar> .date .next:hover {text-shadow: -1px 1px 10px #fff, 1px -1px 10px #fff;}


.schedule>main>.calendar> ul { list-style:none; min-height:300px; margin: 0; padding:0; position:relative;}
.schedule>main>.calendar> ul:after { content:""; position:absolute; height:30px; width: 100%;background:rgba(0,0,0,.4); top: 373px;left: 0;}
.schedule>main>.calendar> .week p  {float:left;  margin: 0; width:14%; padding:0;  padding-right:0.28%;background:rgba(0,0,0,.4); }
.schedule>main>.calendar> ul > li {float:left;  margin: 0; width:14%; padding:0; padding-right:0.28%;background:rgba(0,0,0,.4); }
.schedule>main>.calendar> ul > li { position:relative; height:50px; padding-left: 25px; text-align:center; width: calc(14% - 25px); }
.schedule>main>.calendar> ul > li:after { content:""; position:absolute;  width: 100%; height: 1px; border-bottom:1px solid rgba(255,255,255,.1); top: 50%; margin-top:-2px; left:0; display:block;}

.schedule>main>.calendar> ul > li>em { position:absolute; top:0; left:0; display:block; width: 22px; line-height:50px; height:50px; z-index:1;}
.schedule>main>.calendar> ul > li>em:after { content:""; position:absolute; background:rgba(35,60,70,1);width: 22px; height:100%; top:0; left:0; z-index:-1 }

.schedule>main>.calendar> ul > li:nth-last-child(-n+7) { margin-bottom:30px;}
.schedule>main>.calendar> ul > li:nth-child(-n+7) > em:before,.schedule>main>.calendar> ul > li:nth-last-child(-n+7) > em:before  {content:""; position:absolute; background: linear-gradient( to top, rgba(35,60,70,1), rgba(35,60,70,1) 5%,  rgba(35,60,70,0) 100%); width: 22px; height:30px; left:0; }
.schedule>main>.calendar> ul > li:nth-child(-n+7) > em:before { top:-30px;}
.schedule>main>.calendar> ul > li:nth-last-child(-n+7) > em:before{ background: linear-gradient( to bottom, rgba(35,60,70,1), rgba(35,60,70,1) 5%,  rgba(35,60,70,0) 100%); bottom:-30px;  }

.schedule>main>.calendar> .week p { text-align:center; letter-spacing:1px; font-size:1rem; font-weight:bold; padding-top: 20px; padding-bottom: 30px;  }
.schedule>main>.calendar> .week p:first-letter { color:rgba(155,205,50,1); font-size:2rem; }
.schedule>main>.calendar> .week p:nth-child(1),.schedule>main>.calendar> ul > li:nth-child(7n+1) { padding-right:0.32%}






/*    table    MSLIDER   style      */
.schedule>main>.calendar> ul > li > .Mslider {height: 45px; }
.schedule>main>.calendar> ul > li > .Mslider ul > li {height: 100%; text-align:center;width: calc(100% - 50px); padding: 0 25px;}
.schedule>main>.calendar> ul > li > .Mslider ul > li > a { display:block; border-radius: 40px; padding:3px 0 2px; height:40px; color:rgba(160,175,190,1)}
.schedule>main>.calendar> ul > li > .Mslider ul > li > a * { padding:0; margin:0;}
.schedule>main>.calendar> ul > li > .Mslider ul > li > a p { line-height:27px; color:rgba(255,255,255,1); vertical-align: top;}
.schedule>main>.calendar> ul > li > .Mslider ul > li > a p span { display:inline-block; width: 20px; height:20px; background:url(../images/sprite.png) no-repeat; margin:0 3px 0 0;}

.schedule>main>.calendar> ul > li > .Mslider ul > li > a time { font-size:1rem;}
.schedule>main>.calendar> ul > li > .Mslider ul > li > a:hover{ background:rgba(0,0,0,.4);}
.schedule>main>.calendar> ul > li > .Mslider ul > li.active > a { background:rgba(0,0,0,1);}
.schedule>main>.calendar> ul > li > .Mslider ul > li.active > a p { color:rgba(155,205,50,1);}

.schedule>main>.calendar> ul > li > .Mslider ul > li > a p span.live { background-position: 0px -1005px;}
.schedule>main>.calendar> ul > li > .Mslider ul > li > a p span.tv { background-position: -20px -1005px;}
.schedule>main>.calendar> ul > li > .Mslider ul > li > a p span.radio { background-position: -40px -1005px;}
.schedule>main>.calendar> ul > li > .Mslider ul > li > a p span.web { background-position: -60px -1005px;}
.schedule>main>.calendar> ul > li > .Mslider ul > li > a p span.sign { background-position: -80px -1005px;}
.schedule>main>.calendar> ul > li > .Mslider ul > li > a p span.performance { background-position: -100px -1005px;}
.schedule>main>.calendar> ul > li > .Mslider ul > li > a p span.other { background-position: -120px -1005px;}

.schedule>main>.calendar> ul > li > .Mslider ul > li.active > a p span.live { background-position: 0px -1025px;}
.schedule>main>.calendar> ul > li > .Mslider ul > li.active > a p span.tv { background-position: -20px -1025px;}
.schedule>main>.calendar> ul > li > .Mslider ul > li.active > a p span.radio { background-position: -40px -1025px;}
.schedule>main>.calendar> ul > li > .Mslider ul > li.active > a p span.web { background-position: -60px -1025px;}
.schedule>main>.calendar> ul > li > .Mslider ul > li.active > a p span.sign { background-position: -80px -1025px;}
.schedule>main>.calendar> ul > li > .Mslider ul > li.active > a p span.performance { background-position: -100px -1025px;}
.schedule>main>.calendar> ul > li > .Mslider ul > li.active > a p span.other { background-position: -120px -1025px;}

.schedule>main>.calendar> ul > li > .Mslider ul > li > .Mcontroller {  width: 100%; left: 0; top: 0;}
.schedule>main>.calendar> ul > li > .Mslider ul > li > .Mcontroller em { position:absolute; width: 20px; height:45px; top: 0; z-index:10;  display: none;}
.schedule>main>.calendar> ul > li > .Mslider ul > li > .Mcontroller > span.none ~ em { display:block;}
.schedule>main>.calendar> ul > li > .Mslider ul > li:nth-last-child(1) .Mcontroller > span.none ~ em { right: 0;}
.schedule>main>.calendar> ul > li > .Mslider ul > li > .Mcontroller > span { height: 45px;  width: 20px; overflow:hidden;}
.schedule>main>.calendar> ul > li > .Mslider ul > li:nth-child(1) .Mcontroller > span.prev { cursor: default;}
.schedule>main>.calendar> ul > li > .Mslider ul > li > .Mcontroller > span.next:after {left: -15px;}
.schedule>main>.calendar> ul > li > .Mslider ul > li > .Mcontroller > span:after {bottom: 0; left: -5px;color:rgba(155,205,50,1); z-index: 2; font-weight: bold; font-size: 40px;}



/*     article    SCHEDULECON   style         */ 
.schedule>main>article { width:1050px; margin:0 auto; position:relative;clear:both;}
.schedule>main>article .schedule_detail { background:rgba(0,0,0,1); border:1px solid rgba(155,205,50,1); border-bottom:none; min-height:300px; width: 470px; position:relative; padding:4px 6px 5px 12px;}
.schedule>main>article .schedule_detail h3 { font-size:5.8rem; color:rgba(155,205,50,1); font-weight:normal; margin:0px; position:relative; z-index:1;}
.schedule>main>article .schedule_detail h3:after { content:"";  border-radius:50%; position:absolute;width: 135px; height:135px; display:block; background:rgba(155,205,50,1); z-index:0; top: -10px; right:-2px;}
.schedule>main>article .schedule_detail h4 { border-bottom:1px solid rgba(255,255,255,.3); display:inline-block; margin:5px 0 0 ; padding:0 0 5px 0; }
.schedule>main>article .schedule_detail .time { font-size:5.5rem; color:rgba(80,105,110,1); font-family:"Times New Roman", Times, serif; line-height:4.5rem; font-style:italic; }
.schedule>main>article .schedule_detail .time em { color:rgba(55,75,80,1)}
.schedule>main>article .schedule_detail .time span { display:block; margin:0; padding:0;}
.schedule>main>article .schedule_detail > h2 { position:absolute; top:-20px; right: 12px; border-radius:50%;width: 130px; height:135px; z-index:2; overflow:hidden; }
.schedule>main>article .schedule_detail img {width: 150px; height:135px; margin-left:-7px;}

.schedule>main>article .schedule_detail:before { content:""; width: 27px; height:27px; border:1px solid rgba(155,205,50,1); background:rgba(0,0,0,1); position:absolute; top: -15px; left:40px; -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.schedule>main>article .schedule_detail:after { content:""; width: 29px; height:29px; background:rgba(0,0,0,1); position:absolute; top: -13px; left:40px; -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}

.schedule>main>article .schedule_detail .location {  padding:7px 0 3px 25px; background:url(../images/sprite_tableicon.png) -315px -142px no-repeat; letter-spacing:1px; margin:0; }
.schedule>main>article .schedule_detail .con { line-height:2.0rem; margin:10px 0 0;} 



/*     article    ACTIVITY   style         */          
.schedule>main>article .imageRotation { padding: 0; width: 540px; height: 290px; border:10px solid rgba(45,65,65,1) ; display: block; position: absolute; right:0px; top: 0;}
.schedule>main>article .imageRotation > em { position:absolute; left: 20px; bottom: 0px; letter-spacing:1em; z-index:2; font-weight:bold; line-height:28px; font-size:1.5rem;}
.schedule>main>article .imageRotation > .icoBtn {  bottom: 20px; right:60px; }
.schedule>main>article .imageRotation > .Rbtn2 { background:rgba(0,0,0,.5); bottom: 0; height:30px; line-height:35px; width:100%;}
.schedule>main>article .imageRotation > .Rbtn2 .Rprebtn { margin-left:305px; }
.schedule>main>article .imageRotation > .Rbtn2 .Rnextbtn { right:10px; }
.schedule>main>article .imageRotation > .imageRbox img{ width:100%;}

.schedule>main>article .imageRotation > .linkRbox { position:absolute; bottom:15px; width:540px; height:275px; overflow:hidden; z-index:1000;}
.schedule>main>article .imageRotation > .linkRbox p { position:absolute; bottom:-290px;  width:540px; height:275px; opacity:0; }
.schedule>main>article .imageRotation > .linkRbox a { display:block; width:540px; height:275px; }
.schedule>main>article .imageRotation > .linkRbox p:nth-child(1){ bottom:0px;opacity:1; }

















body,footer {min-width: 1250px;}
/*     black   BACKGROUND   style   */
body.member:after,body.member_login:after,body.privacy:after,body.about:after,body.join:after,body.newscon:after,body.albumcon:after { min-width: 1250px; }

body.privacy footer ul li:nth-child(3) a { color:rgba(155,205,50,1);}
body.privacy footer ul li:nth-child(4) a,body.copyright footer ul li:nth-child(3) a { color:#ccc;}
body.copyright footer ul li:nth-child(4) a { color:rgba(155,205,50,1);}

.artistscon>main { width:100%}
.artistscon>main>.moreinfo {  padding-left:calc(50% - 550px); }




.cultural>main>article { padding:200px 0 0 0}
.cultural>main>article p { width:850px; margin:0 auto; font-size:1.5rem; margin-bottom:1rem;}
.cultural>main>article p a { color: rgba(155,205,50,1);}
.cultural>main>article p.cclogo { text-align:center; padding:50px 0 0;}
.cultural>main>article img.pic { position:absolute; top: 100px; left:50%; margin-left:-325px;}
.cultural>main>div span{  letter-spacing:0.2em;  }




.privacy>main>article .ckf.app a:after,.privacy>main>article .ckf.app2 a:after { background:none;}	
.privacy>main>article .ckf.app,.privacy>main>article .ckf.app2 { width:850px; margin:0 auto; }
.privacy>main>article .ckf.app div:nth-child(1) { padding:0 0 0 200px; margin:0 0 30px 0; background:url(../images/applogo.png) no-repeat 40px 10px ;}	
.privacy>main>article .ckf.app2 h4 {background:url(../images/applogo2.png) no-repeat 150px 0px; text-align:center; font-size:2.4rem; margin:0; color:rgba(155,205,50,1); padding:15px 0 35px;}	
.privacy>main>article .ckf.app div:nth-child(1) h4{ font-size:2.4rem; margin:0; color:rgba(155,205,50,1);}
.privacy>main>article .ckf.app div:nth-child(1) h5,.privacy>main>article .ckf.app2 h5{ font-size:1.8rem; margin:10px 0 5px;  }	
.privacy>main>article .ckf.app2 h5{ text-align:center; }	
.privacy>main>article .ckf.app div:nth-child(2) p{ width:20%; padding:0 0 0 30%; margin:0; float:left; min-height:185px;line-height:2rem;}
.privacy>main>article .ckf.app div:nth-child(2) p a { border:none; color:rgba(155,205,50,1);border-bottom: 2px dotted rgba(155,205,50,0); font-weight:900; font-size:0.6rem; padding:0 5px;}
.privacy>main>article .ckf.app div:nth-child(2) p a:hover { background:rgba(155,205,50,0.7); color:rgba(0,0,0,1) }
.privacy>main>article .ckf.app div:nth-child(2) p:nth-child(1) {background:url(../images/qrcode_ios.png) no-repeat 40px 10px ;}
.privacy>main>article .ckf.app div:nth-child(2) p:nth-child(2) {background:url(../images/qrcode_android.png) no-repeat 40px 10px ;}
.privacy>main>article .ckf.app div:nth-child(3) { clear:both; padding:20px 0 0 0; position:relative;}	
.privacy>main>article .ckf.app div:nth-child(3) ul li { line-height:2rem;}
.privacy>main>article .ckf.app div:nth-child(3) ul span { color:rgba(155,205,50,1); margin:0 10px 0 0;}
.privacy>main>article .ckf.app div:nth-child(3) p { border:1px solid rgba(100,105,105,1); color:rgba(140,145,145,1); padding:10px; width: 240px; position:absolute; top: 35px; right: 0;}
.privacy>main>article .ckf.app div:nth-child(3) p a { color:rgba(100,105,105,1); border:none; }
.privacy>main>article .ckf.app div:nth-child(3) p a:hover { color:rgba(200,205,205,1);}
.privacy>main>article .ckf.app .applink,.privacy>main>article .ckf.app2 .applink { text-align:center; color:rgba(155,205,50,1); width: 200px; display:block; margin:35px auto; padding:10px 20px; border:1px solid rgba(155,205,50,1); border-radius:20px; font-weight:bold;}
.privacy>main>article .ckf.app .applink:hover,.privacy>main>article .ckf.app2 .applink:hover { background:rgba(155,205,50,1); color:rgba(0,0,0,1)}

.privacy>main>article .ckf.app2 div a { border:none; line-height:2.5rem; letter-spacing:1px; font-size:1.4rem;color:rgba(155,205,50,1); display:block; z-index:1;}
.privacy>main>article .ckf.app2 a span {font-size:2.5rem; font-family:"Times New Roman", Times, serif;  margin:0 10px 0 0;color:rgba(255,255,255,1);}

.privacy>main>article .item {border-bottom: 1px dotted rgba(255, 255, 255, 0.4); position:relative;}
.privacy>main>article .item .toggle { display: block; position: relative;}
.privacy>main>article .item .content { max-height:0; overflow:hidden; -webkit-transition: max-height 1s ease-out; -moz-transition: max-height 1s ease-out; -ms-transition: max-height 1s ease-out;transition: max-height 1s ease-out; padding:0 0 0 50px;}
.privacy>main>article .item .content:after{ content:"﹀"; color:rgba(155,205,50,1); position:absolute; right: 20px; top: 10px;} 
.privacy>main>article .item .content:target { max-height: 10em; }
.privacy>main>article .item .content:target:after {content:"︿";}






body.member_login > main > article label.UPframe_btn { text-align:center; display:block; width:6em; margin: 0 0 20px 0;}
body.member_login > main > article div.UPframe{width:calc(100% - 40px); height:250px; background:rgba(0,0,0,.3); border:1px solid rgba(0,0,0,.7); float:none; margin:0 auto 30px; text-align:center; padding: 35px 20px; }