@charset "utf-8";
/* CSS Document */
html, body, ul, li, dl, dt, dd, form, image, p {
    margin: 0;
    border: 0;
    padding: 0;
    list-style: none;
	font-family: "微軟正黑體", "Microsoft JhengHei", "新細明體", "PMingLiU", "細明體", "MingLiU", Arial, "Arial Black", Verdana;
}
img {
    border: 0;
}
a {
    color: #1591dd;
    text-decoration: none;
}
body{width:100%; height:auto;     background-color: #000;}
.content{width:1350px; height:auto; display:block; margin:0 auto; background-color:#000; }

.kv{width:100%;  height:703px;  background-image:url(../images/kv.png); background-repeat:no-repeat;    }
.kv_btn{position:relative;       left: 73%;
    top: 83%; cursor: pointer;}

.header{position:absolute ; top:702px; width:100%; z-index:999;}
.nav{height:70px; width:151%; background-color:#FFF;}
.nav ul{width:70%; margin:0 auto;}
.nav ul li{float:left; text-decoration:none; }
.nav_icon img{width:218px; height:66px;}
.nav ul li p{color:#2DA7E0; font-size:17px; margin:20px 43px 0px;cursor: pointer; padding-bottom:7px;}

.bg_ad{width:100%; height:1457px; background:url(../images/a2_bg_2girl.png); margin-top:22px;}
.block4{position:relative; top:80px;  padding-left:10%;}
.block4_left{float:left;  width:73px;}
.block4_ad{float:left;padding-left: 30px;}
.block4_right{float:left; width:73px;}
.block_item_pic img{width:200px; height:170px;}
.block_item{ width:500px !important;height:560px; float:left;}
.block_item_herf{margin:10px;}
.block_item_title p{color:#FF0;}
.block_item_wd p{color:#FFF;}
.block4_body{overflow:hidden; width:500px; height:560px; /*border:2px #FFF solid;*/}
.block_item_bou{width:230px; float:left;}
.block_item{width: 500px;}
.pic_4{width:500px; padding-left:20px;}
.pic_4_in{width:180px; height:266px;float:left;  padding:3px 15px;}
.pic_4_in img{width:250px; height:250px; }
.pic_4_in_title{color:#FFF000; font-size:17px; padding-left:4px;  margin-top:5px;  height:43px;  overflow:hidden;}
.pic_4_in_title::before {content:url(../images/title_pic.png);float:left; padding:2px 5px 0px 0px;}
.pic_4_in_wd{color:#fff; font-size:15px; height:59px;  overflow:hidden;}
.block4_title img{width:410px;}
.block4_title{width:400px;  margin:0 auto;  margin-bottom:5px;}

.fans_talk{width:80%; height:650px; margin:0 auto; margin-top:95px;}
.fans_talk_title p {float:left;  color:#fff;  font-size:25px; padding-left:7px;}
.fans_talk_title img{float:left;}
.fans_talk_title{width:100%; height:50px; }
.fans_body{width:100%; height:500px;}
.fans_left{float:left; width:40%;}
.fans_right{float:right; width:57%;  height:505px; overflow:scroll; /* showing scrollbars */ overflow-x:hidden;　overflow-y:auto; padding-left:7px;}
.fans_left{border:1px solid red;}
.fans_big_pic img {width:90%;  margin:5%;}
.fans_big_wd{background-color:red; color:#fff;   }
.fans_big_wd b{font-size:19px; color:#FFF000;}
.fans_big_wd{padding:20px;}
.article_left{float:left; width:30%;}
.article_right{float:left; width:60%;  padding:9px 5% 0%; height:136px; overflow:hidden;}
.article_left img{width:100%; border:1px solid #9F9FA0;}
.fans_article{width:100%; height:147px;  padding-bottom:36px;  }
.article_title{color:red; font-size:22px; border-bottom:red 1px solid;}
.article_wd{color:#fff; font-size:15px;}
.article_wd img{float:right;}

.bg_ad_2sc{width:100%; height:1523px; background:url(../images/a4_onegirl.png); margin-top:22px;}
.block4_2sc{position:relative; top:80px;  padding-left:50%; z-index:99}

#c4{height:366px;width:100%;margin:0 auto;text-align:center;padding-top:62px;}
.c4_body{background-color: #fff;height:350px;width:1070px;;margin:0 auto;text-align:center;border:3px solid #2DA7E0;margin-top:30px;}
.c4_lf{float:left;width:177px;background-color:#2DA7E0;height:100%;font-size:31px;font-weight:800;}
.c4_step_blc{background-color:#2DA7E0; float:left; font-size:17px; font-weight:500; color:#FFF; padding:10px;}
.c4_step  p{font-size:18px; color:#2DA7E0; text-align:left; }
.c4_step1{margin-top:62px;}
.c4_rt img {width:520px;}
.c4_step{width:800px;height:50px;}
.c4_step_wd{float:left;color:#2DA7E0;font-size:17px;font-weight:500;padding:10px;}
.c4_center{float:left;width:260px;height:285px;padding:30px 20px 0px 50px; position:relative;}
.c4_btn{padding-top: 30px; width: 250px;}
.c4_rt{float:left;width:540px;padding-top:60px;}
.c4_bw{color:#FFF;}

.footer{height:40px; width:100% ;    padding-top: 20px;}
.footer_title{float:left; left:23%; position:relative; top:170px;}
.footer_table{float:left; left:47%;  overflow:scroll; position:relative; top:190px; width:510px; height:430px;
	background:#fff; color:#2DA7E0;  padding-left:27px;  overflow-x:hidden;
  }
.footer_wd  {float:left; left:33%; position:relative; top:8px;     color: #666;
    font-weight: 800;}
.example-image{width:100%;}
.fans_talk.lightbox_ex{height:760px;}
.a6_fly{    position: relative;
    top: -160px;
    left: 300px;
    background-color:rgba(0%, 0%, 0%, 0.7);
    padding: 15px 40px;
    float: left;}
.a6_titwd p{font-size: 40px;
	color:yellow;
    font-weight: 800;}
.gotop{
	width: 40px; height: 40px;
	cursor:pointer;
    display: none;
    position: fixed;
    left:50%;
    margin-left: 450px;
    bottom:390px;
    z-index: 99;
	opacity:0.7;
	  -webkit-transform: translateZ(0);
	  transform: translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -moz-osx-font-smoothing: grayscale;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-property: box-shadow, transform;
	  transition-property: box-shadow, transform;
}

.gotop:hover{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity:1;
}

#B1{width:25px;height:25px;overflow:hidden;float:left;}
#B1 a{opacity:0;}
.shear_btn{width: 87px;float: right;z-index:9999;top:19px;position:relative;}

.indexshare li.facebook{background:url(../images/b3.png)  no-repeat top;
  -webkit-transition: all 0.4s;
  -moz-transition   : all 0.4s;
  -ms-transition    : all 0.4s;
  -o-transition     : all 0.4s;
  transition        : all 0.4s;}
.indexshare li.facebook:hover { opacity:0.7;}

.indexshare li.google{background:url(../images/b2.png)  no-repeat top;
  -webkit-transition: all 0.4s;
  -moz-transition   : all 0.4s;
  -ms-transition    : all 0.4s;
  -o-transition     : all 0.4s;
  transition        : all 0.4s;}
.indexshare li.google:hover { opacity:0.7;}

.indexshare li.twitter{background:url(../images/b1.png)  no-repeat top;
  -webkit-transition: all 0.4s;
  -moz-transition   : all 0.4s;
  -ms-transition    : all 0.4s;
  -o-transition     : all 0.4s;
  transition        : all 0.4s;}
.indexshare li.twitter:hover { opacity:0.7;}


/* showing scrollbars */
.fans_right::-webkit-scrollbar {
    width: 12px;
}
.fans_right::-webkit-scrollbar-track {
    background-color: #eaeaea;
    border-left: 1px solid #ccc;
}
.fans_right::-webkit-scrollbar-thumb {
    background-color: #ccc;
}
.fans_right::-webkit-scrollbar-thumb:hover {
	background-color: #aaa;
}
/* showing scrollbars  //END */


/* Grow Shadow */
.hvr-grow-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow, transform;
  transition-property: box-shadow, transform;
}
.hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
  opacity:0.7;
}

/* Float Shadow */
.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}


/* Underline From Center */
.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #2098d1;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}


@font-face {
  font-family: 'flexslider-icon';
  src: url('fonts/flexslider-icon.eot');
  src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover,
.flex-container a:focus,
.flex-slider a:focus {
  outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.flex-pauseplay span {
  text-transform: capitalize;
}
/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  padding: 0;
}
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
  width: 100%;
  display: block;
}
.flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .flexslider .slides {
  display: block;
}
* html .flexslider .slides {
  height: 1%;
}
.no-js .flexslider .slides > li:first-child {
  display: block;
}
/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
  margin: 0 0 60px;
  position: relative;
  padding-left:50px;
  zoom: 1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}
.flexslider .slides {
  zoom: 1;
}
.flexslider .slides img {
  height: auto;
  border-radius:5px;  border:2px solid #FFF;
}
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.loading .flex-viewport {
  max-height: 300px;
}
.carousel li {
  margin-right: 5px;
}
.flex-direction-nav {
  *height: 0;
}
.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 60px;
  height: 72px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 999;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 40px;
  display: inline-block;
  content:url(../images/left.png);
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.flex-direction-nav a.flex-next:before {
  content:  url(../images/right.png);
}
.flex-direction-nav .flex-prev {
  left: -50px;
}
.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right;
}
.flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
  left: 10px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
  right: 10px;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1;
}
.flex-direction-nav .flex-disabled {
  opacity: 0!important;
  filter: alpha(opacity=0);
  cursor: default;
}
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}
.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: url(../images/right.png);
}
.flex-pauseplay a:hover {
  opacity: 1;
}
.flex-pauseplay a .flex-play:before {
  content: url(../images/right.png);
}
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
}
.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default;
}
.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}
.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}
.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: .7;
  cursor: pointer;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.flex-control-thumbs img:hover {
  opacity: 1;
}
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}
.video_bl2{
    position: relative;
        top: 826px;
    left: -303px;}
.video_bl5{
    position: relative;
        top: 181px;
    left: 418px;}
.link_out{
    position: relative;
    top: 620px;
    left: -1170px;}
.link_out div p{
	white-space:nowrap;
	font-size: 20px;
	line-height: 33px;
	text-shadow: rgba(0,0,0,.4) 0 1px 0;
	color:#FFF;
}
.link_out div p a {
	margin-left:10px;
   border-top: 1px solid #fff200;
   background: #de761b;
   background: -webkit-gradient(linear, left top, left bottom, from(#e6b933), to(#de761b));
   background: -webkit-linear-gradient(top, #e6b933, #de761b);
   background: -moz-linear-gradient(top, #e6b933, #de761b);
   background: -ms-linear-gradient(top, #e6b933, #de761b);
   background: -o-linear-gradient(top, #e6b933, #de761b);
   padding: 7.5px 15px;
   -webkit-border-radius: 9px;
   -moz-border-radius: 9px;
   border-radius: 9px;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 14px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   }
.link_out div p a:hover {
   border-top-color: #ff8400;
   background: #ff8400;
   color: #ffffff;
   }
.link_out div p a:active {
   border-top-color: #0a466e;
   background: #0a466e;
   }

/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
}