@charset "UTF-8";
/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
}
b { 
    font-weight: bold !important;
}
ol, ul {
    list-style: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
}
q, blockquote {
    quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none;
}
a img {
    border: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}
a {
    text-decoration: none;
}
a img{
  outline: none;
}
a:focus, input:focus, button:focus{
  outline: none;
}
body{
	background:#ffffff;
	font-family: Arial,".蘋方-繁", "微軟正黑體", "繁黑體", 'Microsoft JhengHei', 'Microsoft YaHei', 'Heiti TC', 'LiHei Pro', sans-serif, "新細明體", PMingLiU;
	}
.mb_hide{
	display: inline-block;
}


.pc_hide{
	display: none !important;
} 

/* Preloader */
#preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#ffffff; /* change if the mask should have another color then white */
	z-index:100; /* makes sure it stays on top */
}

#status {
	width:100px;
	height:100px;
	position:absolute;
	left:50%; /* centers the loading animation horizontally one the screen */
	top:50%; /* centers the loading animation vertically one the screen */
	background-image:url(../images/status.gif); /* path to your loading animation */
	background-size: 100px 100px;
	background-repeat:no-repeat;
	background-position:center;
	margin:-50px 0 0 -50px; /* is width and height divided by two */
}	
.goTop{
	position:fixed;
	z-index:100;
	width:40px;
	height:40px;
	display:none;
  bottom:50px;
  right:30px;
	}
.goTop:hover{
 opacity:0.8;
	}	
.goTop img{
	width:100%;
	}
#WRAPER{
	float:left;
	width:100%;
	position:relative;
	z-index:3;
	text-align:center;
	-moz-transition: ease-in-out 0.3s;
  -o-transition: ease-in-out 0.3s;
  -webkit-transition: ease-in-out 0.3s;
  transition: ease-in-out 0.3s;
  right:0px;
	}

#WRAPER.reveal{
	position:absolute;
	right:180px;

}		



#HEADER{
	top: 0px;
	left: 0px;
	width:100%;
  	position: fixed;
  	z-index: 6;
	}






.NAV_btn_wrap{
	display: none;
	position:fixed;
	width:60px;
	top:20px;
	right:10px;
  z-index:4;
	}	

#nav-icon3{
  width: 30px;
  height: 45px;
  position: relative;
  margin: 0px auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon3 span{
  display: block;
  position: absolute;
  height: 5px;
  width: 100%;
  background: #181f37;
  border-radius: 5px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon3 span:nth-child(1) {
  top: 0px;
}

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
  top: 10px;
}

#nav-icon3 span:nth-child(4) {
  top: 20px;
}
#nav-icon3.open span{
	background: #181f37;
}

#nav-icon3.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}




#logo{
	position: absolute;
	z-index:  3;
	height: 40px;
	left: 30px;
	top: 17px;
}

#NAV{
	float: left;
	position: relative;
	z-index: 2;
	width: 100%;
	height: 60px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 30px;
	text-align: center;
}

#NAV_bg{
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 60px;
	background: #ffffff;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90); // IE 5-7
    -moz-opacity:0.9;
    opacity: 0.9;
    display: none;
}



nav{
	float: right;
	text-align: center;
	margin-top: 15px;
}

nav a, nav div {
	position: relative;
	display: inline-block;
	outline: none;
	text-align: center;
	height: 30px;
	margin-right: 20px;
  font-size: 14px;
  color: #2a2a2a;
  line-height: 30px;
 	cursor: pointer;
}

nav a .icon, nav div .icon{
	display: inline-block;
	vertical-align: middle;
	height: 15px;
	margin-right: 5px;
}

nav a .fb_img{
	display: inline-block;
	vertical-align: middle;
	height: 30px;
}

nav .media_share{
  margin-right: 40px;
}


nav .media_share .social{
  display: inline-block;
  vertical-align: middle;
  height: 30px;
}


nav a span, nav div span{
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
  color: #2a2a2a;
  line-height: 30px;
}

nav a:hover, nav div:hover {
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50); // IE 5-7
  -moz-opacity:0.5;
  opacity: 0.5;
  -moz-transition: ease-in-out 0.3s;
  -o-transition: ease-in-out 0.3s;
  -webkit-transition: ease-in-out 0.3s;
  transition: ease-in-out 0.3s;
}

nav a:last-child, nav div:last-child {
	margin-right: 0px;
}

#Line_Pc_Btn{
  display: inline-block;
}


#Line_mobile_Btn{
  display: none;
}


#KV{
	float: left;
	width: 100%;
	height: 730px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 60px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cff1f7+1,feefeb+100 */
background: #ffffff; /* Old browsers */
text-align: center;
position: relative;
}


.love_icon_frame{
	position: absolute;
	z-index: 0;
	width: 90px;
	left:40%;
	bottom: 25%;
}

.love_icon_frame .love_icon{
  position: relative;
  z-index: 0;
  width: 100%;
}

.love_icon_frame .love_icon_mask{
  position: absolute;
  z-index: 1;
  width: 60%;
  height: 20%;
  top:0%;
  left: 0%;
  background:#000000; 
}


#m{
  top:-10px;
  left:0px;
  position:absolute;
  width:50px;
  height:100px;
  overflow:hidden;
  border-radius:0 50px 50px 0;
  -webkit-animation:a 4s infinite linear;
  animation-direction:reverse;
}

#m:before,#m:after{
  content:"";
  box-sizing:border-box;
  position:absolute;
  top:0;
  right:0; 
  width:100px;
  height:50px;
  background:#ffffff;
  border-style:solid;
  border-color:#ffffff;
  border-width:6px 6px 0;
  border-radius:50px 50px 0 0;
  transform-origin:50px 50px;
}
#m:before{
  z-index:1;
  -webkit-animation:a1 4s infinite linear;
  transform:rotate(-90deg);
  animation-direction:reverse;
}
#m:after{
  opacity:0;
  z-index:2;
  transform:rotate(90deg);
  -webkit-animation:a2 4s infinite linear;
  animation-direction:reverse;
}

@-webkit-keyframes a1{
  0%{ 
    transform:rotate(270deg);
  }
  100%{ 
    transform:rotate(-90deg);
  }
}
@-webkit-keyframes a2{
  0%{
    opacity:0;
  }
  49.99%{
    opacity:0;
  }
  50%{
    opacity:1;
  }
  100%{
    opacity:1;
  }
}
@-webkit-keyframes a{
  0%{
    margin-left:50px;
    width:50px;
    border-radius:0 50px 50px 0;
  }
  49.99%{
    margin-left:50px;
    width:50px;
    border-radius:0 50px 50px 0;
  }
  50%{
    margin-left:0;
    width:100px;
    border-radius:0;
  }
  100%{
    margin-left:0;
    width:100px;
    border-radius:0;
  }
}


@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
    animation-iteration-count:infinite;
  -webkit-animation-iteration-count:infinite;
}

.kv_reqular{
	position: absolute;
	width: 870px;
	z-index: 1;
	left: 50%;
	bottom:0px;
	margin-left: -435px;
}


#award_part{
  float: left;
  width: 100%;
  display: none;
}

#join_part{
  float: left;
  width: 100%;
  display: none;
}

.hotkey_join{
  position: fixed;
  z-index: 3;
  width: 50px;
  right: 0px;
  bottom: 20%;
  cursor: pointer;
}
.hotkey_join:hover{
     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50); // IE 5-7
  -moz-opacity:0.5;
  opacity: 0.5;
  -moz-transition: ease-in-out 0.3s;
  -o-transition: ease-in-out 0.3s;
  -webkit-transition: ease-in-out 0.3s;
  transition: ease-in-out 0.3s;
}


.hotkey{
	position: fixed;
	z-index: 3;
	width: 50px;
	right: 0px;
	top: 25%;
	cursor: pointer;
}

.hotkey img{
width: 100%;
}

.hotkey:hover{
		 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50); // IE 5-7
  -moz-opacity:0.5;
  opacity: 0.5;
  -moz-transition: ease-in-out 0.3s;
  -o-transition: ease-in-out 0.3s;
  -webkit-transition: ease-in-out 0.3s;
  transition: ease-in-out 0.3s;
}


.hotkey2{
  position: fixed;
  z-index: 3;
  width: 50px;
  right: 0px;
  bottom: 10%;
  cursor: pointer;
}

.hotkey2 img{
width: 100%;
}

.hotkey2:hover{
     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50); // IE 5-7
  -moz-opacity:0.5;
  opacity: 0.5;
  -moz-transition: ease-in-out 0.3s;
  -o-transition: ease-in-out 0.3s;
  -webkit-transition: ease-in-out 0.3s;
  transition: ease-in-out 0.3s;
}


.pcLink{display: block;}
.mbLink{display: none;}



#CONTENT{
	float: left;
	width: 100%;
	border-top:#cbd3d4 1px dotted;
	moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 30px;
}

.sec{
	float: left;
	width: 100%;
	text-align: center;
	position: relative;
	moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
}



.sec .block{
	display: inline-block;
	width: 1200px;
	position: relative;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 60px 20px 60px 20px;
}

.surveyBlock{
	height: 620px;
	overflow-y: scroll;
}

.sec .skin_block{
	background: #fff4e2;
}

.sec .darkskin_block{
	background: #f4ac90;
}

.sec .darkskin_block .sec_title span{
color: #ffffff;

}

.sec .violet_block{
	background: #d7dafe;
}

.sec .land_block{
  background: #fdf0da;
}

.sec .orange_block{
	background: #e25e55;
}


.sec .orange_block .sec_title span{
color: #ffffff;

}

.sec .color_block{
	background: rgb(205,121,255);
background: -moz-linear-gradient(125deg, rgba(205,121,255,1) 0%, rgba(164,184,255,1) 30%, rgba(206,140,237,1) 65%, rgba(255,122,220,1) 100%);
background: -webkit-linear-gradient(125deg, rgba(205,121,255,1) 0%, rgba(164,184,255,1) 30%, rgba(206,140,237,1) 65%, rgba(255,122,220,1) 100%);
background: linear-gradient(125deg, rgba(205,121,255,1) 0%, rgba(164,184,255,1) 30%, rgba(206,140,237,1) 65%, rgba(255,122,220,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cd79ff",endColorstr="#ff7adc",GradientType=1);


}

.sec .color_block .sec_title span{
color: #ffffff;

}



.sec .color_block .famous_item .name{
color: #ffffff;

}

.sec .color_block .famous_item .title{
color: #ffffff;

}




.sec .sec_mark{
	position: absolute;
	top:65px;
	left: -100px;
	width: 140px;
	height: 13px;
	text-align: left;;
	font-size: 12px;
	color: #675f61;
	  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.sec .sec_mark span{
	display: inline-block;
	vertical-align:middle;
	line-height: 13px;
	font-size: 12px;
	color: #675f61;
	margin-right: 10px;
}

.sec .sec_mark .mark_line{
	display: inline-block;
	vertical-align:middle;
	width: 30px;
	height: 1px;
	background: #675f61;
	
}
.sec_title{
	display: inline-block;
	width: 100%;
	text-align: center;
	margin-bottom: 50px;
}

.sec_title .icon{
	display: inline-block;
	height: 80px;
	margin-bottom: 20px;
}

.intro_icon{
	display: inline-block;
	width: 105px;
	margin-bottom: 20px;
	position: relative;
}

.intro_icon .intro_icon_bg{
	float: left;
	width: 100%;
	position: relative;
	z-index: 0;
}

.intro_icon .intro_icon_left{
	position: absolute;
	width: 20.5%;
	z-index: 1;
	top: 22.8%;
	left: 0%;
}

.intro_icon .intro_icon_right{
	position: absolute;
	width: 26.6%;
	z-index: 1;
	top: 0%;
	right: 0%;
}



@-webkit-keyframes intro_flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

@keyframes intro_flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

.intro_flash {
  -webkit-animation-name: intro_flash;
  animation-name: intro_flash;
   -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  animation-iteration-count:infinite;
  -webkit-animation-iteration-count:infinite;
}


.ask_icon{
	display: inline-block;
	width: 101px;
	margin-bottom: 20px;
	position: relative;
}

.ask_icon .ask_icon_bg{
	float: left;
	width: 100%;
	position: relative;
	z-index: 0;
}

.ask_icon .ask_icon_left{
	position: absolute;
	width: 78.2%;
	z-index: 1;
	bottom: 0%;
	left: 0%;
}



@-webkit-keyframes ask_flipIn {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes ask_flipIn {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  50% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 180deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 180deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }


  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 00deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

}

.ask_flipIn {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: ask_flipIn;
  animation-name: ask_flipIn;
     -webkit-animation-duration: 2.5s;
  animation-duration: 2.5s;
  animation-iteration-count:infinite;
  -webkit-animation-iteration-count:infinite;
}


.announcement_icon{
	display: inline-block;
	width: 77px;
	margin-bottom: 20px;
	position: relative;
}

.announcement_icon .announcement_icon_bg{
	float: left;
	width: 100%;
	position: relative;
	z-index: 0;
}

.announcement_icon .announcement_icon_right{
	position: absolute;
	width: 23.6%;
	z-index: 1;
	top: 5%;
	right: 12%;
}


@-webkit-keyframes announcement_icon_bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes announcement_icon_bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

.announcement_icon_bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
       -webkit-animation-duration: 1s;
  animation-duration: 1s;
  animation-iteration-count:infinite;
  -webkit-animation-iteration-count:infinite;
}


.vote_icon{
	display: inline-block;
	width: 98px;
	margin-bottom: 20px;
	position: relative;
}

.vote_icon .vote_icon_bg{
	float: left;
	width: 100%;
	position: relative;
	z-index: 0;
}

.vote_icon .vote_icon_right{
	position: absolute;
	width: 70.2%;
	z-index: 1;
	bottom: -10%;
	right: -10%;
}


@-webkit-keyframes vote_ani {
   from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(-1rem, 0, 1rem);
  }
}

@keyframes vote_ani {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(-1rem, 0, 1rem);
  }
}

.vote_ani {
  -webkit-animation-name: vote_ani;
  animation-name: vote_ani;
         -webkit-animation-duration: 2s;
  animation-duration: 2s;
  animation-iteration-count:infinite;
  -webkit-animation-iteration-count:infinite;
}


.sec_title .icon2{
	display: inline-block;
	height: 40px;
	margin-bottom: 20px;
}

.sec_title span{
	display: inline-block;
	font-size: 22px;
	color: #372c2c;
	letter-spacing: 1px;
	font-weight: 600;
}

.sec_title span{
	display: inline-block;
	font-size: 22px;
	color: #372c2c;
	letter-spacing: 1px;
	font-weight: 600;
}

.video_slogan{
	display: inline-block;
	width: 750px;
	text-align: center;
	font-size: 22px;
	color: #ce7787;
	letter-spacing: 1px;
	line-height: 1.7;
	margin-bottom: 50px;
}

.video_slogan span{
	display: inline-block;
	font-size: 20px;
	color: #3c3c3c;
	margin-top: 20px;
}
.video_wrap{
	display: inline-table;
	width: 1100px;
}

.video_wrap .yt_emded{
	display: table-cell;
	vertical-align: middle;
	position: relative;
	width: 640px;
	border:#5fa7fd 4px solid;
	border-radius: 10px;
	z-index: 1; 
}
.video_wrap .yt_bg_frame{
	position: absolute;
	width: 100%;
	height: 100%;
	top:10px;
	left: -15px;
	border:#a18cff 4px solid;
	border-radius: 10px;
	z-index: 0; 
}

.video_wrap .video_txt{
	display: table-cell;
	vertical-align: middle;
		-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 30px;
}

.video_wrap .yt_emded .video_content{
	display:inline-block;
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	z-index: 3;
}

.video_wrap .yt_emded .video_content .video{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	}

.video_brief{
	display: inline-block;
	width: 100%;
	text-align: left;
	font-size: 20px;
	color: #474747;
	font-weight: 600;
	letter-spacing: 1.2px;
	line-height: 1.6;
}

.video_brief span{
	font-weight: normal;
	font-size: 20px;
	display: inline-block;
	margin-top: 5px;
	margin-bottom: 5px;
}

.video_brief_info {
	font-weight: normal;
	width: 100%;
	display: inline-block;
	border-top: #bebebe 1px dotted;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 20px;
	margin-top: 20px;
	color: #474747;
	font-size: 20px;
	line-height: 1.6;
	letter-spacing: 1.2px;
	text-align: left;
	font-weight: 600;
}

.video_brief_info span {
	color: #ff7e00;
}

.new_plan{
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 100px;
}

.new_plan_title{
	display: inline-block;
	width: 100%;
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	color: #ce7787;
	letter-spacing: 1px;
	line-height: 1.7;
	margin-bottom: 30px;
}

.new_plan_group{
	display: inline-block;
	width: 100%;
}
.new_plan_group img{
	display: inline-block;
	width: 264px;
	margin:20px; 
}


.famous_slider{
	display: inline-block;
	width: 1024px;
	text-align: center;
}


.normal_mode{
	text-align: center;
}

.normal_mode li{
	display: inline-block;
	text-align: center;
	vertical-align: top;
	margin: 10px;
}

.famous_item{
	float: left;
	width: 100%;
            margin-bottom: 60px;
        }
.content-slider li{
        text-align: center;
        width: 240px;
    }
.content-slider li a{
	display: block;
	width: 100%;
    }       
.content-slider li a .cover{
	display: inline-block;
	position: relative;
	width: 100%;
	height: 280px;
    } 
.content-slider li a .cover .avatar{
	display: inline-block;
	position: relative;
	z-index: 0;
	width: 100%;
    } 
.content-slider li a .cover .cover_txt{
	position: absolute;
	display: table;
	z-index: 1;
	width: 100%;
	height: 280px;
	top: 0px;
	left: 0px;
	background:url(../images/famous_cover.png) repeat;
	display: none;
    }      
.content-slider li a .cover .cover_txt .txt{
	display: table-cell;
	width: 100%;
	height: 280px;
	vertical-align: middle;
	font-size: 16px;
	color: #ffffff;
	line-height: 1.6;
	letter-spacing: 1.2px;
	text-align: center;
		-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
    font-weight: 600;
    }
.content-slider li a .name{
	display: inline-block;
	width: 100%;
	text-align: left;
	font-size: 20px;
	color: #372c2c;
	letter-spacing: 1px;
	line-height: 1.5;
	margin-top: 10px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-height: 24px;
height: 48px;
    }  
 .content-slider li a .title{
	display: inline-block;
	width: 100%;
	height: 60px;
	text-align: center;
	font-size: 14px;
	color: #372c2c;
	letter-spacing: 1px;
	line-height: 1.5;
/*	overflow : hidden;
  text-overflow : ellipsis;
  white-space : nowrap;*/
    }       
 .content-slider li a .title.small{
 	font-size: 13px;
    }                               

	
.famous_item .lSSlideWrapper {	
    position:static !important;
    }	



.foresee_slider{
	display: inline-block;
	width: 1024px;
	text-align: center;
}


.foresee_item{
	float: left;
	width: 100%;
            margin-bottom: 60px;
        }

.content-slider2 li{
        text-align: center;
        width: 240px;
    }
.content-slider2 li a{
	display: block;
	width: 100%;
    } 
.content-slider2 li a:hover{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50); // IE 5-7
  -moz-opacity:0.5;
  opacity: 0.5;
  -moz-transition: ease-in-out 0.3s;
  -o-transition: ease-in-out 0.3s;
  -webkit-transition: ease-in-out 0.3s;
  transition: ease-in-out 0.3s;
    }        
.content-slider2 li a img{
	display: inline-block;
	position: relative;
	width: 100%;
    } 
.content-slider2 li a .title{
	display: inline-block;
	width: 100%;
	text-align: center;
	font-size: 20px;
	color: #372c2c;
	letter-spacing: 1px;
	line-height: 1.5;
	margin-top: 10px;
	overflow : hidden;
  text-overflow : ellipsis;
  white-space : nowrap;
  text-align: left;
  font-weight: 600;
    }  
 .content-slider2 li a .des{
	display: inline-block;
	width: 100%;
	text-align: center;
	font-size: 14px;
	color: #372c2c;
	letter-spacing: 1px;
	line-height: 1.4;
	text-align: left;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
    }   



.foresee_item .lSSlideWrapper {	
    position:static !important;
    }	


.ask_slogan_wrap{
	display: inline-block;
	width: 800px;
	border-bottom:#cbd3d4 1px dotted;
	padding-bottom: 30px;

}

.ask_slogan{
	display: inline-block;
	width: 100%;
	text-align: center;
	font-size: 22px;
	color: #ea753d;
	letter-spacing: 1px;
	line-height: 1.4;
	margin-bottom: 15px;
	font-weight: 600;
}   

.ask_subslogan{
	display: inline-block;
	width: 100%;
	text-align: center;
	font-size: 16px;
	color: #565656;
	letter-spacing: 1px;
	line-height: 1.6;
} 

.ask_rules{
	display: inline-block;
	width: 700px;
	text-align: left;
	font-size: 14px;
	color: #565656;
	letter-spacing: 1px;
	line-height: 1.6;
	margin-top: 30px;
}   


.info_slogan_wrap{
	display: inline-block;
	width: 700px;
	border-bottom:#ffffff 1px dotted;
	padding-bottom: 30px;

}

.info_slogan{
	display: inline-block;
	width: 100%;
	text-align: center;
	font-size: 22px;
	color: #372c2c;
	letter-spacing: 1px;
	line-height: 1.4;
	margin-bottom: 15px;
	font-weight: 600;
}   

.info_subslogan{
	display: inline-block;
	width: 100%;
	text-align: center;
	font-size: 16px;
	color: #372c2c;
	letter-spacing: 1px;
	line-height: 1.6;
} 


/**ask_form**/
.ask_form_wrap{
	float: left;
	width: 100%;
	margin-top: 80px;
	text-align: center;
	display: block;
}


.reg_form{
	display:inline-block;
	width:620px;
	}
.reg_form_head{
	float:left;
	width:100%;
	border-bottom:#b7b7b7 1px solid;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	padding:5px;
	}	
.reg_form_head .left_txt{
	float:left;
	text-align:left;
	font-size:14px;
	font-weight:bold;
	color:#231f20;
	}			
.reg_form_head .right_txt{
	float:right;
	text-align:right;
	font-size:14px;
	font-weight:bold;
	color:#231f20;
	}					
.reg_form_head .red{
	color:#d71919;
	}
.reg_form_note{
	float:left;
	width:100%;
	font-size:14px;
	font-weight:bold;
	color:#fdb11f;
	text-align:left;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	padding:5px;
	}	
.form_group{
	display:inline-block;
	width:540px;
	margin-top:30px;
	}
.form_group .form_lable{
	float:left;
	display:table;
	width:100%;
	margin-bottom:18px;
	}
.ex_bottom{
	margin-bottom:5px !important;
	}			
.form_group .form_lable .th{
	display:table-cell;
	width:155px;
	text-align:right;
	font-size:14px;
	font-weight:bold;
	color:#231f20;
	vertical-align:middle;
	}				
.form_group .form_lable .th .red{
	color:#d71919;
	}	
.form_group .form_lable .th_full{
	display:table-cell;
	width:100%;
	text-align:left;
	font-size:14px;
	font-weight:bold;
	color:#231f20;
	vertical-align:middle;
	}	
.form_group .form_lable .th_full .red{
	color:#d71919;
	}	
.form_group .form_lable .th_full .cate_txt{
	text-align:center;
	width:100%;
	font-size:14px;
	font-weight:bold;
	color:#333;
	}
.form_group .form_lable .th_full .cate_txt #cate_name{
	font-size:18px;
	}					
.form_group .form_lable .td{
	display:table-cell;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	padding-left:30px;
	vertical-align:middle;
	text-align:left;
	}
.form_group .form_lable .td .note{
	font-size:14px;
	font-weight:normal;
	color:#d71919;
	}			
.form_field{
	display:inline-block;
	width:100%;
	height:40px;
	background:#FFF;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	font-size:14px;
	border:none;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	padding-left:10px;
	padding-right:10px;
	border:#999 1px solid;
	color:#606365;
	}	
.form_field_select{
	width:100%;
	height:40px;
	background: #FFF;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	border:none;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	border:#999 1px solid;
	}				
.form_field_select .classify_select{
	background:url(../images/select_arrow.png) right no-repeat;
	background:none !important \9;/* IE9, IE8, IE7, IE6 */
width: 95%;
font-size: 14px;
border: none;
height: 40px;
-webkit-appearance: none;
color:#606365;
cursor:pointer;
    -moz-appearance: none;
    appearance: none;
    text-indent: 0.01px;
    text-overflow: ”;
	outline:none;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	padding-left:10px;
	padding-right:10px;
	}

.cate_field_select{
	width:300px;
	height:40px;
	background: #FFF;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	border:none;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	border:#999 1px solid;
	}				
.cate_field_select .classify_select{
	background:url(../images/select_arrow.png) right no-repeat;
	background:none !important \9;/* IE9, IE8, IE7, IE6 */
width: 95%;
font-size: 14px;
border: none;
height: 40px;
-webkit-appearance: none;
color:#606365;
cursor:pointer;
    -moz-appearance: none;
    appearance: none;
    text-indent: 0.01px;
    text-overflow: ”;
	outline:none;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	padding-left:10px;
	padding-right:10px;
	}
	
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	/* IE10 */
.form_field_select .classify_select{
   background:url(../images/select_arrow.png) right no-repeat;
width: 95%;
font-size: 14px;
border: none;
height: 40px;
-webkit-appearance: none;
color:#606365;
cursor:pointer;
    -moz-appearance: none;
    appearance: none;
    text-indent: 0.01px;
    text-overflow: ”;
	outline:none;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	padding-left:10px;
	padding-right:10px;
}	
select::-ms-expand {
    display: none;
}
}	
.check_box_group{
	display:inline-block;
	font-size:14px;
	color:#606365;
	vertical-align:middle;
	margin-right:25px;
	}
.check_box_group input{
	margin-right:5px;
	}
#p_meal{
	display:none;
	}
#cus_meal, #cus_name{
	display:none;
	}	
.check_box_group2{
	display:inline-block;
	width:100%;
	font-size:14px;
	color:#606365;
	vertical-align:middle;
	margin-right:25px;
	margin-top:10px;
	}
.check_box_group2 input{
	margin-right:5px;
	}	
.term_box{
	width:100%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	padding:20px;
	text-align:left;
	font-size:14px;
	color:#0f0f0f;
	font-weight:bold;
	background:#FFF;
	border:#d7d7d7 1px solid;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	line-height:1.4;
	}
.q_title{
	display:inline-block;
	width:100%;
	height:40px;
	background:#FFF;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	font-size:14px;
	border:none;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	padding-left:10px;
	padding-right:10px;
	border:#d7d7d7 1px solid;
	color:#606365;
	margin-bottom:10px;
	}
.q_content{
	width:100%;
	height:140px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	padding:10px;
	text-align:left;
	font-size:14px;
	color:#0f0f0f;
	font-weight:normal;
	background:#FFF;
	border:#d7d7d7 1px solid;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	overflow:scroll;
	}		
#Local{
	display:inline-table;
	width:100%;
	}	
#Local .local_code{
	display:table-cell;
	width:50px;
	height:40px;
	background:#FFF;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	font-size:14px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	padding-left:10px;
	padding-right:10px;
	border:#999 1px solid;
	color:#606365;
	}
#Local .local_number{
	display:table-cell;
	height:40px;
	background:#FFF;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	font-size:14px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	padding-left:10px;
	padding-right:10px;
	border:#999 1px solid;
	color:#606365;
	margin-left:10px;
	}				
.submit_column{
	float:left;
	width:100%;
	border-top:#b7b7b7 1px solid;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	padding:5px;
	margin-top:20px;
	text-align:center;
	}	
.submit_style{
	display:inline-block;
	width:100px;
	height:100px;
	-webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
	line-height:100px;
	margin-top:20px;
	text-align:center;
	font-size:14px;
	color:#ffffff;
	font-weight:bold;
/	background: rgb(205,121,255);
background: -moz-linear-gradient(125deg, rgba(205,121,255,1) 0%, rgba(164,184,255,1) 30%, rgba(206,140,237,1) 65%, rgba(255,122,220,1) 100%);
background: -webkit-linear-gradient(125deg, rgba(205,121,255,1) 0%, rgba(164,184,255,1) 30%, rgba(206,140,237,1) 65%, rgba(255,122,220,1) 100%);
background: linear-gradient(125deg, rgba(205,121,255,1) 0%, rgba(164,184,255,1) 30%, rgba(206,140,237,1) 65%, rgba(255,122,220,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cd79ff",endColorstr="#ff7adc",GradientType=1);
	cursor:pointer;
	border:none;
	}
.submit_style.dark{
	background:#252525;
	}			
.submit_style:hover, .submit_style:active{
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50); // IE 5-7
  -moz-opacity:0.5;
  opacity: 0.5;
  -moz-transition: ease-in-out 0.3s;
  -o-transition: ease-in-out 0.3s;
  -webkit-transition: ease-in-out 0.3s;
  transition: ease-in-out 0.3s;
	}

 .lblcount{
 	display: inline-block;
 	width: 100%;
 	text-align: center;
 	font-size: 12px;
 	color: #454545;
 	letter-spacing: 1px;
 }	
.lblCountRed{
   color: #d71919;
}
 .lblcount.m_bottom{
 	margin-bottom: 10px;

 }





.question_wall_classify{
	display: inline-block;
	width: 100%;
	text-align: left;
	margin-bottom: 10px;
		-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10px;
}


.question_field_select{
	width:250px;
	height:40px;
	background: #FFF;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	border:none;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	padding-left:10px;
	padding-right:10px;
	border:#999 1px solid;
	}				
.question_field_select .classify_select{
	background:url(../images/select_arrow.png) right no-repeat;
	background:none !important \9;/* IE9, IE8, IE7, IE6 */
width: 100%;
font-size: 14px;
border: none;
height: 40px;
-webkit-appearance: none;
color:#606365;
cursor:pointer;
    -moz-appearance: none;
    appearance: none;
    text-indent: 0.01px;
    text-overflow: ”;
	outline:none;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	padding-right:10px;
	}
	
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	/* IE10 */
.question_field_select .classify_select{
   background:url(../images/select_arrow.png) right no-repeat;
width: 95%;
font-size: 14px;
border: none;
height: 40px;
-webkit-appearance: none;
color:#606365;
cursor:pointer;
    -moz-appearance: none;
    appearance: none;
    text-indent: 0.01px;
    text-overflow: ”;
	outline:none;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	padding-left:10px;
	padding-right:10px;
}	
select::-ms-expand {
    display: none;
}
}	





.signup_form{
	display: inline-table;
	width: 900px;
	margin-bottom: 40px;
}


.signup_form .form_title{
	display: table-cell;
	vertical-align: top;
	width: 50px;
	text-align: right;
	font-size: 20px;
	color: #ffffff;
}
.signup_form .form_content{
	display: table-cell;
	vertical-align: top;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 20px;
	text-align: left;
	font-size: 20px;
	font-weight: normal;
	color: #ffffff;
}



.signup_form .form_title.full_mode{
	display: table-cell;
	vertical-align: top;
	width: 50px;
	text-align: right;
	font-size: 20px;
	color: #ffffff;
	display: none;
}
.signup_form .form_content.full_mode{
	display: table-cell;
	width: 100%;
	vertical-align: top;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 0px;
	text-align: left;
	font-size: 20px;
	font-weight: normal;
	color: #ffffff;
}


.signup_form .form_content .sub_content{
	display: inline-table;
	width: 100%;
}


.signup_form .form_content .sub_content .sub_title{
	display: table-cell;
	width: 140px;
	text-align: left;
}

.signup_form .form_content .sub_content .sub_title span{
	display: inline-block;
	width: 140px;
	text-align: center;
	border-radius: 10px;
		-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 3px 10px 3px 10px;
	background:#601986; 
	font-size: 20px;
	color: #ffffff;
}

.signup_form .form_content .sub_content .sub_des{
	text-align: left;
		-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10px;
	line-height: 1.7;
	font-size: 20px;
	color: #ffffff;
}





.question_nav{
	display: inline-block;
	width: 100%;
	text-align: center;
}
.question_nav .btn{
	display: inline-block;
	width: 250px;
	cursor: pointer;
	  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50); // IE 5-7
  -moz-opacity:.5;
  opacity: .5;
}


.question_nav .btn:hover, .question_nav .btn.current{
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100); // IE 5-7
  -moz-opacity:1;
  opacity: 1;
  -moz-transition: ease-in-out 0.3s;
  -o-transition: ease-in-out 0.3s;
  -webkit-transition: ease-in-out 0.3s;
  transition: ease-in-out 0.3s;
}


.question_wall{
    display: inline-block;
	width: 100%;
	text-align: center;
	margin-top: 40px;
}

.question_group{
	float: left;
	width: 100%;
	text-align: center;
	display: none;
}

.question_item{
	display: inline-block;
  vertical-align: top;
	width: 40%;
	 -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
        -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #ffffff;
    border: #ffffff 1px solid;
    padding: 20px 20px 20px 20px;
    margin: 2%;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.62);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.62);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.62);
}





.question_item.ask_page{
	float: none;
	display: inline-block;
}

.question_item .q_head{
	float: left;
	width: 100%;
	border-bottom: #cccccc 1px solid;
	    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 10px;
    position: relative;
}

.question_item .q_head .icon{
	float: left;
	width: 50px;
}
.question_item .q_head .gate_name{
	position: absolute;
	height: 24px;
	 -webkit-border-radius: 99px;
    -moz-border-radius: 99px;
    border-radius: 99px;
  background: rgb(0,171,89);
background: -moz-linear-gradient(307deg, rgba(0,171,89,1) 0%, rgba(0,134,154,1) 100%);
background: -webkit-linear-gradient(307deg, rgba(0,171,89,1) 0%, rgba(0,134,154,1) 100%);
background: linear-gradient(307deg, rgba(0,171,89,1) 0%, rgba(0,134,154,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ab59",endColorstr="#00869a",GradientType=1);
    text-align: center;
    font-size: 12px;
    color: #ffffff;
    line-height: 24px;
    padding-left: 10px;
    padding-right: 10px;
        -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    top:0px;
    right: 0px;
}

.question_item .q_head .classify_info{
	display: inline-block;
	position: relative;
	width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left:70px; 
}


.question_item .q_head .classify_info .brief_title{ 
	float: right;
	display: block;
	font-size: 14px;
	line-height: 1.4;
    color: #1c0303;
    font-weight: bold;
}


.question_item .ask_title{
	float: left;
	width: 100%;
	text-align: left;
	font-size: 18px;
	font-weight: bold;
    color: #283945;
    margin-top: 10px;
      overflow : hidden;
  text-overflow : ellipsis;
  white-space : nowrap;
}


.question_item .ask_content{
	float: left;
	width: 100%;
	text-align: left;
	font-size: 14px;
    color: #3f3e3d;
    margin-top: 5px;
    line-height: 1.4;
    letter-spacing: 1px;
}
.project_info{
	display: inline-block;
	width: 100%;
	text-align: center;
	margin-top: 20px;
}

.project_cover{
	display: none;
	width: 60%;
	vertical-align: middle;
}

.project_dl{
	display: inline-block;
	width: 27%;
	vertical-align: middle;
	cursor: pointer;
	margin-left: 5%;
}

.project_dl:hover{
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50); // IE 5-7
  -moz-opacity:0.5;
  opacity: 0.5;
  -moz-transition: ease-in-out 0.3s;
  -o-transition: ease-in-out 0.3s;
  -webkit-transition: ease-in-out 0.3s;
  transition: ease-in-out 0.3s;
}

.question_item .social{
	float: left;
	width: 100%;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 10px;
    margin-top: 10px;
}

.question_item .social .like_btn{
	float: left;
	height: 80px;
	    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2px;
    text-align: center;
    	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}

.question_item .social .like_btn:hover{
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50); // IE 5-7
  -moz-opacity:0.5;
  opacity: 0.5;
  -moz-transition: ease-in-out 0.3s;
  -o-transition: ease-in-out 0.3s;
  -webkit-transition: ease-in-out 0.3s;
  transition: ease-in-out 0.3s;
}

.question_item .social .like_btn .inner_wrap{
	display: inline-block;
	width: 100%;
	height: 100%;
	text-align: center;
}
  
.question_item .social .like_btn .inner_wrap .icon{
	display: inline-block;
	vertical-align: middle;
	height: 80px;
	margin-right: 10px;
}

.question_item .social .like_btn .inner_wrap span{
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	line-height: 26px;
	color: #e83428;
	font-weight: bold;
}


.question_item .social .social_btn{
	float: right;
  display: none;
	height: 40px;
    cursor: pointer;
    margin-left: 10px;
    cursor: pointer;
    margin-top: 13px;
}

.question_item .social .social_btn img{
	height: 40px;
}

.question_item .social .social_btn:hover{
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50); // IE 5-7
  -moz-opacity:0.5;
  opacity: 0.5;
  -moz-transition: ease-in-out 0.3s;
  -o-transition: ease-in-out 0.3s;
  -webkit-transition: ease-in-out 0.3s;
  transition: ease-in-out 0.3s;
}


.question_item .social .social_btn:last-child{
	margin-left: 0px;
}




.page_nav{
	display:inline-block;
	width:100%;
	margin-top:20px;
	text-align:center;
	}
.page_nav ul{
	width:100%;
	}			
.page_nav ul li{
	display:inline-block;
	height:26px;
	font-size:12px;
line-height:26px;
color:#717171;
font-weight:bold;
text-align: center;
	}	
.page_nav ul li a{
	display:block;
	text-align: center;
	height:26px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	padding-right: 10px;
	padding-left: 10px;
	text-align:center;
	border:#cacaca 1px solid;
	-moz-border-radius:3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ebebeb+100 */

background: #ffffff; /* Old browsers */

background: -moz-linear-gradient(top,  #ffffff 0%, #ebebeb 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  #ffffff 0%,#ebebeb 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  #ffffff 0%,#ebebeb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
font-size:12px;
line-height:26px;
color:#717171;
font-weight:bold;
 text-shadow: 2px 2px 3px rgba(255,255,255,0.1);
	}	
.page_nav ul li a.current{
background: #606060; /* Old browsers */
color:#FFF;
	}
.page_nav ul li a:hover{
background: #ffffff; /* Old browsers */
color:#717171;
	}	




/**vote_form**/
.vote_form_wrap{
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 120px;
}

.result_title{
	display: inline-block;
	text-align: center;
	font-size: 16px;
	letter-spacing: 1px;
	color: #1e1e1e;
	border: #1e1e1e 1px solid;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 30px;
    padding-right: 30px;
    font-weight: 600;
    line-height: 35px;
    margin-top: 100px;
}

.tw_map_wrap{
	display: inline-block;
	width: 100%;
	text-align: center;
	position: relative;
	margin-top: 80px;
}

.tw_map_body{
	display: inline-block;
	width: 350px;
	text-align: center;
	position: relative;
	margin-left: -100px;
}

.tw_map_body .tw_img{
	display: inline-block;
	position: relative;
	width: 350px;
	z-index: 0;
}

.location_box{
	position: absolute;
	width: 150px;
	height: 64px;
	z-index: 1;
}

.number_box_wrap{
	display: inline-block;
	width: 100%;
	height: 63px;
}


.number_box.left{
	float: left;
}

.number_box.right {
	float: right;
}

.number_box{
	display: none;
	text-align: left;
	font-size: 16px;
	color: #565656;
	letter-spacing: 1px;
}
.number_box.added{
}


.number_box .num{
	font-size: 36px;
	font-weight: 600;
}



/**line animate**/

.number_box_bottom_line
{
	position: relative;
height:1px;
width:5px;
background: #565656;
background-color:#431;
}

.number_box_bottom_line.animate_move{
animation:grow 3s forwards;
-webkit-animation: grow 3s forwards; /* Safari 4+ */
-moz-animation: grow 3s forwards; /* Fx 5+ */
-o-animation:  grow 3s forwards; /* Opera 12+ */
}

@keyframes grow
{
0% {
    width: 5px;
}
100%{
    width: 150px;
}
}


.number_box_bottom_line_left
{
height:1px;
width: 5px;
background: #565656;
background-color:#431;
position:relative;
bottom: 0px;
right: -145px;
}

.number_box_bottom_line_left.animate_move{
animation:grow_left 3s forwards;
-webkit-animation: grow_left 3s forwards; /* Safari 4+ */
-moz-animation: grow_left 3s forwards; /* Fx 5+ */
-o-animation:  grow_left 3s forwards; /* Opera 12+ */
}

@keyframes grow_left
{
0% {
    width: 5px;
    right: -145px;
}
100%{
    width: 150px;
    right: 0px;
}
}


.north{
	top:-30px;
	right: -130px;
}

.middle{
	top: 70px;
	left: 10px;
}

.south{
	bottom: 70px;
	left: 20px;
}

.east{
	top: 130px;
	right: -100px;
}

.island{
	bottom: 110px;
	right: -100px;
}



.student_wrap{
	display: inline-block;
	width: 100%;
	text-align: center;
	position: relative;
	margin-top: 80px;
}


.student_item{
	display: inline-block;
	width: 220px;
	text-align: center;
	margin: 30px;
}
.student_item .head_wrap{
	float: left;
	width: 100%;
	display:table;
	margin-bottom: 10px;
}


.student_item .head_wrap .icon{
	display: table-cell;
	vertical-align: middle;
	width: 90px;
}
.student_item .head_wrap .icon img{
	width: 90px;
}

.student_item .head_wrap .ppl_cunt{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 130px;
	font-size: 16px;
	color: #1e1e1e;
	letter-spacing: 1px;
}

.student_item .head_wrap .ppl_cunt.added{
}

.student_item .head_wrap .ppl_cunt .num{
	font-size: 36px;
	font-weight: 600;
}


.student_item .analysis_item{
	display: inline-block;
	width: 29%;
	text-align: center;
	font-size: 14px;
	color: #1e1e1e;
	letter-spacing: 1px;
	margin-bottom: 5px;
	margin: 1%;
}
.student_item .analysis_item .num{
	font-size: 26px;
	font-weight: 600;
}


.total_result{
	display: inline-block;
	width: 680px;
	margin-top: 40px;
}

.total_result_item{
	display: inline-block;
	width: 100%;
	position: relative;
	margin-top: 30px;
}

.total_result_item .total_count{
	float: left;
	font-size: 16px;
	color: #1e1e1e;
	letter-spacing: 1px;
	text-align: left;
}

.total_result_item .total_count.added{
}

.total_result_item .total_count .num{
	font-size: 36px;
	font-weight: 600;
}


.total_result_item .title{
	float: right;
	font-size: 16px;
	color: #1e1e1e;
	letter-spacing: 1px;
	text-align: left;
	font-weight: 600;
	margin-top: 10px;
}

.total_result_item .bottom_bar{
	float: left;
	width: 100%;
	height: 4px;
	position: relative;
	background: #888888;
}

.total_result_item .bottom_bar .percent_bar{
	position: absolute;
	width: 0%;
	height: 4px;
	z-index: 1;
	left: 0px;
	bottom: 0px;
	background: #ffca4f;
}





.history_nav{
	display: inline-block;
	width: 100%;
	text-align: center;
}

.historyBtn{
	display: inline-block;
	width: 215px;
    cursor: pointer;
    opacity: .5;
}

.historyBtn img{
	width: 100%;
}

.historyBtn:hover, .historyBtn.current{
	opacity: 1;
}


.album_display{
	display: none;
	width: 100%;
	text-align: center;
	margin-top: 40px;
}
.album_display.show{
	display: inline-block;
}

.album_display img{
	display: inline-block;
	width: 48%;
}




.partner_title{
	display: inline-block;
	width: 100%;
	text-align: center;
	font-size: 18px;
	color: #252525;
	letter-spacing: 1px;
	margin-bottom: 10px;
}

.logo_display{
	display: inline-block;
	width: 100%;
	text-align: center;
	margin-bottom: 40px;
}

.logo_display a:hover{
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50); // IE 5-7
  -moz-opacity:0.5;
  opacity: 0.5;
  -moz-transition: ease-in-out 0.3s;
  -o-transition: ease-in-out 0.3s;
  -webkit-transition: ease-in-out 0.3s;
  transition: ease-in-out 0.3s;
}

.logo_display img{
	display: inline-block;
	vertical-align: middle;
	height: 30px;
	margin: 10px;
}



.logo_display img.hwa{
	height: 20px;
}

.logo_display img.evrich{
	height: 20px;
}

.logo_display img.kuo{
	height: 40px;
}

.logo_display img.enok{
	height: 40px;
}
.fixicon0{
  height: 50px !important;
}

.fixicon1{
  height: 40px;
}

.fixicon2{
  height: 40px !important;
}

.fixicon3{
  height: 30px;
}

.fixicon4{
  height: 30px;
}

.fixicon5{
  height: 50px !important;
}

.fixicon6{
  height: 30px !important;
}

.fixicon7{
  height: 20px !important;
}

/**ask single page**/

.ask_body{

	float: left;
	width: 100%;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 130px;
    padding-bottom: 150px;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;

        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cff1f7+1,feefeb+100 */
background: #f3b19d; /* Old browsers */



}

.ask_body .question_item .ask_content{
	float: left;
	width: 100%;
	height: auto;
	text-align: left;
	font-size: 14px;
    color: #3f3e3d;
    margin-top: 5px;
    line-height: 1.5;
    letter-spacing: 1px;

    overflow : visible;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 60;
-webkit-box-orient: vertical;
margin-bottom: 20px;
}



/**info single page**/
.info_body{

	float: left;
	width: 100%;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 60px;
    padding-bottom: 100px;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;

        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cff1f7+1,feefeb+100 */
background: #f3b19d; /* Old browsers */



}



.info_list{

	display: inline-block;
	width: 700px;
	position: relative;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px 20px 20px 20px;

}

.info_list ul{
	float: left;
	width: 100%;
}


.info_list ul li{
	float: left;
	width: 100%;
	list-style-type:disc;
	list-style-position: outside;
	text-align: left;
	font-size: 16px;
	color: #565656;
	letter-spacing: 1px;
	line-height: 1.6;
	margin-bottom: 20px;
}

.info_list ul li a{
	font-size: 16px;
	color: #167788;
	letter-spacing: 1px;
	line-height: 1.6;
}
.info_list ul li a:hover{
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50); // IE 5-7
  -moz-opacity:0.5;
  opacity: 0.5;
  -moz-transition: ease-in-out 0.3s;
  -o-transition: ease-in-out 0.3s;
  -webkit-transition: ease-in-out 0.3s;
  transition: ease-in-out 0.3s;
}
.info_list ul li span{
	font-weight: 600;
}

.album{
	float: left;
	width: 100%;
	margin-top: 10px;
}
.album .helf_img{
	float: left;
	width: 50%;
}

.album .full_img{
	float: left;
	width: 100%;
}



.quick_btn{
	position: fixed;
	z-index: 2;
	width: 35px;
	height: 84px;
	right: 0px;
	display: none;
}

.quick_btn img{
	width: 35px;
	height: 84px;
}

.quick_btn.vote_p{
	top: 346px;
}


.quick_btn.ask_p{
	top: 260px;
}




/**live film**/
.live_CONTENT{
	position: fixed;
	z-index: 99;
	width: 100%;
	height: 100%;
	text-align: center;
	display: none;
}

.live_black_bg{
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 100%;
	background: #ffffff;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80); // IE 5-7
    -moz-opacity:0.8;
    opacity: 0.8;
    top:0px;
    left:0px;
}


.live_wrap{
	display:inline-block;
	position: relative;
	z-index: 1;
	width:900px;
	text-align: center;
  margin-top: 10%;
	}
.live_wrap_img{
	display: inline-block;
	position: relative;
	z-index: 2;
	width: 300px;
	margin-top: 50px;
	margin-bottom: 20px;
}
.live_film_item{
	display:inline-block;
	position: relative;
    width: 100%;
    height: 0;
	padding-bottom: 56.25%;
	}
.live_film_item .video{
	 position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	}
.live_film_close{
	position: absolute;
	width: 30px;
	height: 30px;
	cursor: pointer;
	right:0px;
	top: -50px;
}
.live_film_close:hover{
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50); // IE 5-7
  -moz-opacity:0.5;
  opacity: 0.5;
  -moz-transition: ease-in-out 0.3s;
  -o-transition: ease-in-out 0.3s;
  -webkit-transition: ease-in-out 0.3s;
  transition: ease-in-out 0.3s;
}
.live_film_close img{
	width: 30px;
	height: 30px;
}


.land_info_item{
  display: inline-block;
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
}

.land_info_item:last-child{
  margin-bottom: 0px;
}

.land_info_title{
  display: inline-table;
  vertical-align: middle;
  width: 128px;
  height: 128px;
  border-radius: 50%;
  margin-right: 30px;
}
.land_info_title .ct{
  display: table-cell;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  font-size: 26px;
  color: #ffffff;
  letter-spacing: 1px;
  line-height: 1.2;
}

.land_info_des{
  display: inline-block;
  vertical-align: middle;
  font-size: 30px;
  color: #000000;
  width: 740px;
  text-align: center;
}

.map_route{
  width: 26px;
  cursor: pointer;
}

.land_info_title.blue{
  background: #5eaae2;
}
.land_info_title.pink{
  background: #d78f99;
}
.land_info_title.green{
  background: #9db069;
}

/**covid19 warning**/
.covid_CONTENT{
  position: fixed;
  z-index: 99;
  width: 100%;
  height: 100%;
  text-align: center;
  /*display: table;*/
  display: none;
  top:0px;
  left: 0px;
}

.covid_CONTENT .ct{
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.covid_white_bg{
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
    filter: alpha(opacity=95); // IE 5-7
    -moz-opacity:.95;
    opacity: .95;
    top:0px;
    left:0px;
}

.covid_close{
  position: absolute;
  z-index: 2;
  width: 30px;
  height: 30px;
  cursor: pointer;
  right:20px;
  top: 20px;
}
.covid_close:hover{
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50); // IE 5-7
  -moz-opacity:0.5;
  opacity: 0.5;
  -moz-transition: ease-in-out 0.3s;
  -o-transition: ease-in-out 0.3s;
  -webkit-transition: ease-in-out 0.3s;
  transition: ease-in-out 0.3s;
}
.covid_close img{
  width: 30px;
  height: 30px;
}


.covid_txt{
  display: inline-block;
  width: 520px;
  text-align: left;
    font-size: 18px;
  color: #000000;
  line-height: 1.4;
}

.covid_title{
  display: inline-block;
  width: 100%;
  text-align: center;
  font-size: 24px;
  color: #e25e55;
}

.covid_des{
  display: inline-block;
  width: 100%;
  margin-top: 10px;
   font-size: 18px;
  color: #000000;
  line-height: 1.4;
  text-align: left;
}


/**voteing**/


.vote_CONTENT{
	position: fixed;
	z-index: 99;
	width: 100%;
	height: 100%;
	text-align: center;
	display: none;
}

.vote_radiet_bg{
		position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
    top:0px;
    left:0px;
}

.vote_black_bg{
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 100%;
	background: #ffffff;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=98)";
    filter: alpha(opacity=98); // IE 5-7
    -moz-opacity:0.98;
    opacity: 0.98;
    top:0px;
    left:0px;
}


.vote_suc_wrap{
	display: table-cell;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 2;
	vertical-align: middle;
	text-align: center;
	}

.vote_suc_icon{
	display: inline-block;
	width: 75px;
}

.vote_suc_cm_des{
	display: inline-block;
	width: 100%;
	text-align: center;
	font-size: 48px;
	color: #000000;
	font-style: italic;
			-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
}

.vote_suc_title{
	display: inline-block;
	width: 100%;
	text-align: center;
	font-size: 30px;
	color: #e67869;
	font-style: italic;
}

.vote_suc_close{
	position: absolute;
	z-index: 0;
	width: 30px;
	height: 30px;
	cursor: pointer;
	right:20px;
	top: 20px;
}
.vote_suc_close:hover{
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50); // IE 5-7
  -moz-opacity:0.5;
  opacity: 0.5;
  -moz-transition: ease-in-out 0.3s;
  -o-transition: ease-in-out 0.3s;
  -webkit-transition: ease-in-out 0.3s;
  transition: ease-in-out 0.3s;
}
.vote_suc_close img{
	width: 30px;
	height: 30px;
}


/**award**/
.award_CONTENT{
  position: fixed;
  z-index: 99;
  width: 100%;
  height: 100%;
  text-align: center;
  display: none;
  top:0px;
  left: 0px;
}


.award_wrap{
  display:inline-block;
  position: relative;
  z-index: 1;
  width:100%;
  text-align: center;
        -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
      padding-top: 50px;
  }


.award_close{
  position: absolute;
  width: 30px;
  height: 30px;
  cursor: pointer;
  right:20px;
  top: 20px;
}
.award_close:hover{
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50); // IE 5-7
  -moz-opacity:0.5;
  opacity: 0.5;
  -moz-transition: ease-in-out 0.3s;
  -o-transition: ease-in-out 0.3s;
  -webkit-transition: ease-in-out 0.3s;
  transition: ease-in-out 0.3s;
}
.award_close img{
  width: 30px;
  height: 30px;
}


.award_content{
  display: inline-block;
  vertical-align: top;
  width: 600px;
  height: 450px;
  overflow-y: scroll;
      -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}



.award_group{
  float: left;
  width: 100%;
  margin-bottom: 10px;
}

.award_table_head{
  float: left;
  display: inline-block;
  width: 100%;
  text-align: left;
  border-bottom: #e67869 1px solid;
    font-size: 18px;
  font-weight: bold;
  color: #e67869;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 0px 10px 0px;
}


.award_table{
  float: left;
  text-align: left;
  display: table;
  position: relative;
  width: 100%;
  border-bottom: #575258 1px solid;
}

.award_table:last-child{
  border-bottom: none;
}

.award_crown{
  position: absolute;
  width: 40px;
  left: -50px;
  top:0px;
}

.award_table .award_title{
  width: 30px;
  display: table-cell;
  text-align: left;
  vertical-align: middle;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 0px 10px 0px;
}

.award_table .award_title img{
  display: inline-block;
  vertical-align: middle;
  height: 30px;
}

.award_table .award_school{
  display: table-cell;
  text-align: left;
  vertical-align: middle;
  font-size: 14px;
  color: #575258;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 0px 10px 10px;
}

.award_list{
  display: inline-block;
  width: 100%;
}
.award_list li{
  text-align: left;
  list-style-type: decimal;
  list-style-position: outside;
  font-size: 14px;
  color: #575258;
  margin-left: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 0px 0px 10px;
}


.award_list_table{
  float: left;
  display: table;
  width: 100%;
  margin-top: 5px;
}
.award_list_table.first{
  margin-top: 15px !important;
}
.award_list_table .name{
 display: table-cell;
 width: 40%;
  color: #575258;
 font-size: 14px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2px 0px 2px 0px;
    text-align: left;
}
.award_list_table .des{
 display: table-cell;
  color: #575258;
 font-size: 14px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2px 0px 2px 20px;
     text-align: left;
}

.award_warning{
  display: inline-block;
  margin-top: 30px;
  width: 100%;
    font-size: 14px;
  color: #575258;
  text-align: center;
}
.top_icon{
  position: absolute;
  z-index: 10;
  width: 46px;
  top:-30px;
  left: -15px;
}



/**ranking**/

.rank_CONTENT{
	position: fixed;
	z-index: 99;
	width: 100%;
	height: 100%;
	text-align: center;
		-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 50px;
	display: none;
    top:0px;
  left: 0px;
}

.rank_black_bg{
	position: fixed;
	z-index: 98;
	width: 100%;
	height: 100%;
	background: #ffffff;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
    filter: alpha(opacity=95); // IE 5-7
    -moz-opacity:.95;
    opacity: .95;
    top:0px;
    left:0px;
    display: none;
}


.rank_wrap{
	display:inline-block;
	position: relative;
	z-index: 1;
	width:100%;
	text-align: center;
	}

.tw_map{
	display: inline-block;
	width: 258px;
	height: 454px;
	vertical-align: top;
	position: relative;
	z-index: 20;
}


.map_loc_icon{
	position: absolute;
	z-index: 10;
	width: 58px;
	display: none;
}

.map_loc_name{
	position: absolute;
	font-size: 30px;
	font-weight: bold;
	color: #e67869;
	font-style: italic;
	top:0px;
	right: -70px;
}

/*.tw_map svg{
	position: absolute;
	z-index: 0;
	left: 0px;
	top: 0px;
}*/

.map_btn{
	cursor: pointer;
	  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50); // IE 5-7
  -moz-opacity:0.5;
  opacity: 0.5;
  -moz-transition: ease-in-out 0.3s;
  -o-transition: ease-in-out 0.3s;
  -webkit-transition: ease-in-out 0.3s;
  transition: ease-in-out 0.3s;
}

.map_btn:hover{
	cursor: pointer;
	  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100); // IE 5-7
  -moz-opacity:1;
  opacity: 1;
  -moz-transition: ease-in-out 0.3s;
  -o-transition: ease-in-out 0.3s;
  -webkit-transition: ease-in-out 0.3s;
  transition: ease-in-out 0.3s;
}

.map_btn.current{
	cursor: pointer;
	  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100); // IE 5-7
  -moz-opacity:1;
  opacity: 1;
  -moz-transition: ease-in-out 0.3s;
  -o-transition: ease-in-out 0.3s;
  -webkit-transition: ease-in-out 0.3s;
  transition: ease-in-out 0.3s;
}

.rank_content{
	display: inline-block;
	vertical-align: top;
	width: 500px;
	height: 450px;
	margin-left: 80px;
	overflow-y: scroll;
			-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 50px;
}


.rank_group{
	float: left;
	width: 100%;
	display: none;
}

.rank_table_head{
	float: left;
	display: table;
	width: 100%;
	border-bottom: #e67869 1px solid;
}


.rank_table_head .rank_title{
	width: 39%;
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	font-size: 18px;
	font-weight: bold;
	color: #e67869;
		-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 0px 10px 0px;
}
.rank_table_head .rank_title span{
	font-size: 12px;
	font-weight: normal;
}

.rank_table_head .rank_school{
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
	font-size: 18px;
	color: #e67869;
		-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 0px 10px 40px;
}

.rank_table_head .rank_school span{
  font-size: 12px;
  font-weight: normal;
}


.rank_table{
	float: left;
	display: table;
	position: relative;
	width: 100%;
	border-bottom: #575258 1px solid;
}

.rank_crown{
	position: absolute;
	width: 40px;
	left: -50px;
	top:0px;
}

.rank_table .rank_title{
	width: 37%;
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	font-size: 16px;
	font-weight: bold;
	color: #575258;
		-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 0px 10px 0px;
}
.rank_table .rank_title span{
	display: inline-block;
	vertical-align: middle;
}

.rank_table .rank_title img{
	display: inline-block;
	vertical-align: middle;
	height: 16px;
	margin-left: 3px;
}

.rank_table .rank_school{
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	font-size: 12px;
	color: #575258;
		-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 0px 10px 40px;
}

.rank_close{
	position: absolute;
	width: 30px;
	height: 30px;
	cursor: pointer;
	right:20px;
	top: 20px;
}
.rank_close:hover{
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50); // IE 5-7
  -moz-opacity:0.5;
  opacity: 0.5;
  -moz-transition: ease-in-out 0.3s;
  -o-transition: ease-in-out 0.3s;
  -webkit-transition: ease-in-out 0.3s;
  transition: ease-in-out 0.3s;
}
.rank_close img{
	width: 30px;
	height: 30px;
}

















.breakLine{
	display: inline-block;
	width: 100%;
	height: 1px;
}


.infoList{
	display: inline-block;
	width: 700px;
}

.infoList .title{
	float: left;
	width: 100%;
	text-align: left;
	font-size: 24px;
	color: #e60013;
	font-weight: bold;
	margin-bottom: 10px;
	line-height: 1.4;
	margin-top: 10px;
}


.infoList .splitColumn{
	float: left;
	display: table;
	width: 100%;
	  margin-bottom: 5px;
}

.infoList .splitColumn .th{
	display: table-cell;
	text-align: left;
		-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 10px;
    vertical-align: top;
    font-size: 16px;
    color: #474747;
    line-height: 1.4;
    width: 90px;
}

.infoList .splitColumn .td{
	display: table-cell;
	text-align: left;
    vertical-align: top;
        font-size: 16px;
    color: #474747;
    line-height: 1.4;
}


.LeftPd{
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 30px;
}


.infoTTX{
	display: inline-block;
	width: 100%;
	text-align: left;
	   font-size: 16px;
    color: #474747;
    line-height: 1.4;
}


.fixTop{
	margin-top: 20px;
}
.dotWidth{
	width: 20px !important;
}

.boldWidth{
	width: 80px !important;
	font-weight: bold;
}

.boldWidth2{
	width: 70px !important;
	font-weight: bold;
}

.v_mid{
	vertical-align: middle !important;
}

.fixTOPcloumn{
	margin-top: 10px;
}



.blueWrap{
	background:#47aa92;
		 -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
        -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 10px 10px 10px;
    color: #ffffff;
   font-size: 16px;
   text-align: center;
   float: left;
}


.googleForm{
	display: inline-block;
	width: 100%;
	height: 382px;
}


.iframe-container {
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
}
 
.iframe-container iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}



#FOOTER{
	float:left;
	width:100%;
	background: #343434;
	text-align: center;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding:25px 20px 25px 20px;
	}


.copy_right{
	display: inline-block;
	width: 100%;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    letter-spacing: 1px;
    line-height: 1.4;
}




/**新增校長**/

.principal_wrap{
	display: inline-block;
	width: 100%;
}


.principal_wrap li{
        text-align: center;
        width: 240px;
        display: inline-block;
		vertical-align: top;
		margin: 5px;
    }
   
.principal_wrap li .cover {
	display: inline-block;
	position: relative;
	z-index: 0;
	width: 100%;
    }     

.principal_wrap li .name{
	display: inline-block;
	width: 100%;
	text-align: center;
	font-size: 20px;
	color: #372c2c;
	letter-spacing: 1px;
	line-height: 1.5;
	margin-top: 10px;
	overflow : hidden;
  text-overflow : ellipsis;
  white-space : nowrap;
    }  
 .principal_wrap li .title{
	display: inline-block;
	width: 100%;
	text-align: center;
	font-size: 14px;
	color: #372c2c;
	letter-spacing: 1px;
	line-height: 1.5;
    }       
 .principal_wrap li .des{
 		display: inline-block;
	width: 100%;
	text-align: center;
	font-size: 14px;
	color: #372c2c;
	letter-spacing: 1px;
	line-height: 1.5;
	margin-top: 10px;
    }  


@media screen and (max-width: 1270px) {
.NAV_btn_wrap{
	display: inline-block;
	position:fixed;
	width:60px;
	top:20px;
	right:10px;
  z-index:4;
	}	


#NAV{
	float: none;
	position: fixed;
	z-index: 2;
	width:200px;
    height:100%;
    right:-200px;
	top:0px;
	background:#ffffff;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    	-moz-transition: ease-in-out 0.3s;
	-o-transition: ease-in-out 0.3s;
	-webkit-transition: ease-in-out 0.3s;
	transition: ease-in-out 0.3s;
    padding-right: 0px;
	text-align: center;
}


#NAV.reveal{
	right:0px;
	}	


nav{
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 40px;	
}

nav a, nav div {
	position: relative;
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	  	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding:20px; 
	height: 30px;
	margin-right: 0px;
	margin-bottom: 10px;
  font-size: 14px;
  color: #2a2a2a;
  line-height: 30px;
  text-shadow: 0px 0px 40px rgba(50, 50, 50, 0.05)
}

nav a:last-child, nav div:last-child {
	margin-right: 0px;
	margin-top: 0px;
}



}


@media screen and (max-width: 1200px) {

.sec .block{
	display: inline-block;
	width: 100%;
	position: relative;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 60px 20px 60px 20px;
}

.sec .sec_mark{
	position: absolute;
	top:65px;
	left: -80px;
	width: 140px;
	height: 13px;
	text-align: left;;
	font-size: 12px;
	color: #675f61;
	  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.video_wrap{
	display: inline-table;
	width: 100%;
}






}




@media screen and (max-width: 1140px) {





#KV{
	float: left;
	width: 100%;
	height: 630px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 60px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cff1f7+1,feefeb+100 */
background: #ffffff; /* Old browsers */
position: relative;

}





}




@media screen and (max-width: 1024px) {

.video_wrap{
	display: inline-block;
	width: 100%;
}

.video_wrap .yt_emded{
	display: inline-block;
	vertical-align: middle;
	position: relative;
	width: 640px;
}

.video_wrap .video_txt{
	display: inline-block;
	width: 100%;
	vertical-align: middle;
		-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 0px;
    margin-top: 30px;
}
.video_brief{
	display: inline-block;
	width: 100%;
	text-align: center !important;
	font-size: 20px;
	color: #474747;
	font-weight: 600;
	letter-spacing: 1.2px;
	line-height: 1.5;
}

.video_brief span{
	font-weight: normal;
	font-size: 14px;
	display: inline-block;
	margin-top: 5px;
	margin-bottom: 5px;
  text-align: left;
}

.video_brief_info {
	font-weight: normal;
	width: 100%;
	display: inline-block;
	border-top: #bebebe 1px dotted;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 20px;
	margin-top: 20px;
	color: #474747;
	font-size: 14px;
	line-height: 1.5;
	letter-spacing: 1.2px;
	text-align: center;
	font-weight: 600;
}


.famous_slider{
	display: inline-block;
	width: 90%;
	text-align: center;
}

.foresee_slider{
	display: inline-block;
	width: 90%;
	text-align: center;
}



 .kv_date{
	position: absolute;
	width: 300px;
	height: 131px;
	right: 100px;
	bottom: 0px;
}



}


@media screen and (max-width: 970px) {

.land_info_des{
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  font-size: 30px;
  color: #000000;
  width: 740px;
  text-align: center;
}

.signup_form{
	display: inline-table;
	width: 100%;
	margin-bottom: 40px;
}


.signup_form .form_title{
	display: table-cell;
	vertical-align: top;
	width: 30px;
	text-align: right;
	font-size: 16px;
	color: #ffffff;
}
.signup_form .form_content{
	display: table-cell;
	vertical-align: top;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 20px;
	text-align: left;
	font-size: 16px;
	font-weight: normal;
	color: #ffffff;
}

.signup_form .form_content.full_mode{
	display: table-cell;
	width: 100%;
	vertical-align: top;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 0px;
	text-align: left;
	font-size: 16px;
	font-weight: normal;
	color: #ffffff;
}


.signup_form .form_content .sub_content{
	display: inline-table;
	width: 100%;
}


.signup_form .form_content .sub_content .sub_title{
	display: inline-block;
	width: 100%;
	text-align: left;
}

.signup_form .form_content .sub_content .sub_title span{
	display: inline-block;
	width: 100px;
	text-align: left;
	border-radius: 10px;
		-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 3px 3px 3px 6px;
	background:#601986; 
	font-size: 14px;
	color: #ffffff;
}

.signup_form .form_content .sub_content .sub_des{
	text-align: left;
		-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10px;
	line-height: 1.7;
	font-size: 16px;
	color: #ffffff;
}


.kv_reqular{
	position: absolute;
	width: 90%;
	z-index: 1;
	left: 5%;
	bottom:0px;
	margin-left: 0px;
}






.student_item{
	display: inline-block;
	width: 220px;
	text-align: center;
	margin: 10px;
}


.live_wrap{
	display:inline-block;
	position: relative;
	z-index: 1;
	width:100%;
	text-align: center;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 30%;
	}


}


@media screen and (max-width: 840px) {



.new_plan_title{
	display: inline-block;
	width: 100%;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #ce7787;
	letter-spacing: 1px;
	line-height: 1.7;
	margin-bottom: 30px;
}

.video_slogan{
	display: inline-block;
	width: 100%;
	text-align: center;
	font-size: 18px;
	color: #ce7787;
	letter-spacing: 1px;
	line-height: 1.7;
	margin-bottom: 50px;
}

.video_slogan span{
	display: inline-block;
	font-size: 14px;
	color: #3c3c3c;
	margin-top: 20px;
  text-align: left;
}

.ask_slogan_wrap{
	display: inline-block;
	width: 100%;
	border-bottom:#cbd3d4 1px dotted;
	padding-bottom: 30px;

}

.infoList{
	display: inline-block;
	width: 100%;
}

.info_slogan_wrap{
	display: inline-block;
	width: 100%;
	border-bottom:#ffffff 1px dotted;
	padding-bottom: 30px;

}


.student_item{
	display: inline-block;
	width: 400px;
	text-align: center;
	margin: 0px 0px 100px 0px;
}



.info_list{

	display: inline-block;
	width: 100%;
	position: relative;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px 0px 20px 0px;

}



}


@media screen and (max-width: 680px) {

.ask_subslogan{
  display: inline-block;
  width: 100%;
  text-align: left;
  font-size: 16px;
  color: #565656;
  letter-spacing: 1px;
  line-height: 1.6;
} 



#KV{
	float: left;
	width: 100%;
	height: 400px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 0px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cff1f7+1,feefeb+100 */
background: #ffffff; /* Old browsers */
position: relative;

}







.kv_reqular{
	position: absolute;
	width: 100%;
	z-index: 1;
	left: 0%;
	bottom:0px;
	margin-left: 0px;
}





.love_icon_frame{
  position: absolute;
  z-index: 0;
  width: 90px;
  left:25%;
  bottom: 10%;
  transform: scale(0.4)
}

.love_icon_frame .love_icon{
  position: relative;
  z-index: 0;
  width: 100%;
}

.love_icon_frame .love_icon_mask{
  position: absolute;
  z-index: 1;
  width: 60%;
  height: 20%;
  top:0%;
  left: 0%;
  background:#000000; 
}


#m{
  top:-10px;
  left:0px;
  position:absolute;
  width:50px;
  height:100px;
  overflow:hidden;
  border-radius:0 50px 50px 0;
  -webkit-animation:a 5s infinite linear;
  animation-direction:reverse;
}

#m:before,#m:after{
  content:"";
  box-sizing:border-box;
  position:absolute;
  top:0;
  right:0; 
  width:100px;
  height:50px;
  background:#ffffff;
  border-style:solid;
  border-color:#ffffff;
  border-width:6px 6px 0;
  border-radius:50px 50px 0 0;
  transform-origin:50px 50px;
}
#m:before{
  z-index:1;
  -webkit-animation:a1 5s infinite linear;
  transform:rotate(-90deg);
  animation-direction:reverse;
}
#m:after{
  opacity:0;
  z-index:2;
  transform:rotate(90deg);
  -webkit-animation:a2 5s infinite linear;
  animation-direction:reverse;
}

@-webkit-keyframes a1{
  0%{ 
    transform:rotate(270deg);
  }
  100%{ 
    transform:rotate(-90deg);
  }
}
@-webkit-keyframes a2{
  0%{
    opacity:0;
  }
  49.99%{
    opacity:0;
  }
  50%{
    opacity:1;
  }
  100%{
    opacity:1;
  }
}
@-webkit-keyframes a{
  0%{
    margin-left:50px;
    width:50px;
    border-radius:0 50px 50px 0;
  }
  49.99%{
    margin-left:50px;
    width:50px;
    border-radius:0 50px 50px 0;
  }
  50%{
    margin-left:0;
    width:100px;
    border-radius:0;
  }
  100%{
    margin-left:0;
    width:100px;
    border-radius:0;
  }
}


.ask_rules{
	display: inline-block;
	width: 100%;
	text-align: left;
	font-size: 14px;
	color: #565656;
	letter-spacing: 1px;
	line-height: 1.6;
	margin-top: 30px;
}  

.sec .block{
	display: inline-block;
	width: 100%;
	position: relative;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 60px 10px 60px 10px;
}	

.video_wrap .yt_emded{
	display: inline-block;
	vertical-align: middle;
	position: relative;
	width: 100%;
}

.video_brief{
	display: inline-block;
	width: 100%;
	text-align: left;
	font-size: 20px;
	color: #474747;
	font-weight: 600;
	letter-spacing: 1.2px;
	line-height: 1.5;
}


.video_brief_info {
	font-weight: normal;
	width: 100%;
	display: inline-block;
	border-top: #bebebe 1px dotted;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 20px;
	margin-top: 20px;
	color: #474747;
	font-size: 14px;
	line-height: 1.5;
	letter-spacing: 1.2px;
	text-align: left;
	font-weight: 600;
}

.sec_title .icon{
	display: inline-block;
	height: 60px;
	margin-bottom: 15px;
}

.intro_icon{
	display: inline-block;
	width: 79px;
	margin-bottom: 15px;
	position: relative;
}

.ask_icon{
	display: inline-block;
	width: 65px;
	margin-bottom: 15px;
	position: relative;
}

.announcement_icon{
	display: inline-block;
	width: 57px;
	margin-bottom: 15px;
	position: relative;
}


.vote_icon{
	display: inline-block;
	width: 73px;
	margin-bottom: 15px;
	position: relative;
}

.sec_title span{
	display: inline-block;
	font-size: 20px;
	color: #372c2c;
	letter-spacing: 1px;
	font-weight: 600;
}




.reg_form{
	display:inline-block;
	width:100%;
	}

.form_group{
	display:inline-block;
	width:100%;
	margin-top:30px;
	}

.form_group .form_lable{
	float:left;
	display:inline-block;
	width:100%;
	margin-bottom:18px;
	}
			
.form_group .form_lable .th{
	display: inline-block;
	width:100%;
	text-align:left;
	font-size:14px;
	font-weight:bold;
	color:#231f20;
	vertical-align:middle;
	margin-bottom: 10px;
	}				

.form_group .form_lable .th_full{
	display:inline-block;
	width:100%;
	text-align:left;
	font-size:14px;
	font-weight:bold;
	color:#231f20;
	vertical-align:middle;
	}	
.form_group .form_lable .th_full .red{
	color:#d71919;
	}						
.form_group .form_lable .td{
	display:inline-block;
	width: 100%;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	padding-left:0px;
	vertical-align:middle;
	text-align:left;
	}

	
.form_field{
	display:inline-block;
	width:100%;
	height:40px;
	background:#FFF;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	font-size:14px;
	border:none;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	padding-left:10px;
	padding-right:10px;
	border:#999 1px solid;
	color:#606365;
	}	
.form_field_select{
	width:100%;
	height:40px;
	background: #FFF;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	border:none;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	border:#999 1px solid;
	}				
.form_field_select .classify_select{
	background:url(../images/select_arrow.png) right no-repeat;
	background:none !important \9;/* IE9, IE8, IE7, IE6 */
width: 95%;
font-size: 14px;
border: none;
height: 40px;
-webkit-appearance: none;
color:#606365;
cursor:pointer;
    -moz-appearance: none;
    appearance: none;
    text-indent: 0.01px;
    text-overflow: ”;
	outline:none;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	padding-left:10px;
	padding-right:10px;
	}

.cate_field_select{
	width:100%;
	height:40px;
	background: #FFF;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	border:none;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	border:#999 1px solid;
	}				
.cate_field_select .classify_select{
	background:url(../images/select_arrow.png) right no-repeat;
	background:none !important \9;/* IE9, IE8, IE7, IE6 */
width: 100%;
font-size: 14px;
border: none;
height: 40px;
-webkit-appearance: none;
color:#606365;
cursor:pointer;
    -moz-appearance: none;
    appearance: none;
    text-indent: 0.01px;
    text-overflow: ”;
	outline:none;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	padding-left:10px;
	padding-right:10px;
	}
	
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	/* IE10 */
.form_field_select .classify_select{
   background:url(../images/select_arrow.png) right no-repeat;
width: 100%;
font-size: 14px;
border: none;
height: 40px;
-webkit-appearance: none;
color:#606365;
cursor:pointer;
    -moz-appearance: none;
    appearance: none;
    text-indent: 0.01px;
    text-overflow: ”;
	outline:none;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	padding-left:10px;
	padding-right:10px;
}	
select::-ms-expand {
    display: none;
}
}	
.check_box_group{
	display:inline-block;
	font-size:14px;
	color:#606365;
	vertical-align:middle;
	margin-right:25px;
	}
.check_box_group input{
	margin-right:5px;
	}
#p_meal{
	display:none;
	}
#cus_meal, #cus_name{
	display:none;
	}	
.check_box_group2{
	display:inline-block;
	width:100%;
	font-size:14px;
	color:#606365;
	vertical-align:middle;
	margin-right:25px;
	margin-top:10px;
	}
.check_box_group2 input{
	margin-right:5px;
	}	
.term_box{
	width:100%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	padding:20px;
	text-align:left;
	font-size:14px;
	color:#0f0f0f;
	font-weight:bold;
	background:#FFF;
	border:#d7d7d7 1px solid;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	line-height:1.4;
	}
.q_title{
	display:inline-block;
	width:100%;
	height:40px;
	background:#FFF;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	font-size:14px;
	border:none;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	padding-left:10px;
	padding-right:10px;
	border:#d7d7d7 1px solid;
	color:#606365;
	margin-bottom:10px;
	}
.q_content{
	width:100%;
	height:140px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	padding:10px;
	text-align:left;
	font-size:14px;
	color:#0f0f0f;
	font-weight:normal;
	background:#FFF;
	border:#d7d7d7 1px solid;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	overflow:scroll;
	}		
#Local{
	display:inline-block;
	width:100%;
	}	
#Local .local_code{
	display:inline-block;
	width:45px;
	height:40px;
	background:#FFF;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	font-size:12px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	padding-left:10px;
	padding-right:10px;
	border:#999 1px solid;
	color:#606365;
	}
#Local .local_number{
	display:inline-block;
	height:40px;
	background:#FFF;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	font-size:14px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	padding-left:10px;
	padding-right:10px;
	border:#999 1px solid;
	color:#606365;
	margin-left:5px;
	}				
.submit_column{
	float:left;
	width:100%;
	border-top:#b7b7b7 1px solid;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	padding:5px;
	margin-top:20px;
	text-align:center;
	}	

.question_wall_classify{
	display: inline-block;
	width: 100%;
	text-align: left;
	margin-bottom: 10px;
		-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 0px;
}







.total_result{
	display: inline-block;
	width: 100%;
	margin-top: 40px;
}


.hotkey{
	position: fixed;
	z-index: 3;
	width: 100%;
	right: 0px;
	top: inherit;
	bottom: 0px;
	cursor: pointer;

}

.hotkey2{
  position: fixed;
  z-index: 3;
  width: 100%;
  right: 0px;
  bottom: 0px;
  cursor: pointer;
}


.pcLink{display: none;}
.mbLink{display: block;}


}


@media screen and (max-width: 580px){


#Line_Pc_Btn{
  display: none;
}


#Line_mobile_Btn{
  display: inline-block;
}

.covid_txt{
  display: inline-block;
  width: 100%;
      -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
  text-align: left;
    font-size: 18px;
  color: #000000;
  line-height: 1.4;
}



}

@media screen and (max-width: 468px) {
.mb_hide{
	display: none;
}
.pc_hide{
	display: inline-block !important;
}


.historyBtn{
	display: inline-block;
	width: 48%;
    cursor: pointer;
    opacity: .5;
}

.album_display img{
	display: inline-block;
	width: 100%;
	margin-bottom: 5px;
}


.question_item{
	display: inline-block;
  vertical-align: top;
	width: 100%;
	 -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
        -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #ffffff;
    border: #ffffff 1px solid;
    padding: 20px 20px 20px 20px;
    margin: 0%;
    margin-bottom: 10px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.62);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.62);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.62);
}


.award_CONTENT{
  position: fixed;
  z-index: 99;
  width: 100%;
  height: 100%;
  text-align: center;
      -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 50px;
  display: none;
  top:0px;
  left: 0px;
    overflow-y: scroll;
}


.award_content{
  display: inline-block;
  vertical-align: top;
  width: 100%;
  height: auto;
 overflow-y: none;
      -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px 15px 0px 15px;
}


.rank_CONTENT{
	position: fixed;
	z-index: 99;
	width: 100%;
	height: 100%;
	text-align: center;
		-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 50px;
	display: none;
	overflow-y: scroll;
    top:0px;
  left: 0px;
}


.rank_content{
	display: inline-block;
	vertical-align: top;
	width: 100%;
	height: auto;
	margin-left: 0px;
	margin-top: 30px;
	overflow-y: none;
			-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 40px;
    background:#ffffff; 

}


.map_loc_name{
	position: absolute;
	font-size: 20px;
	font-weight: bold;
	color: #e67869;
	font-style: italic;
	top:0px;
	right: inherit;
  left: 0px;
}

.rank_table_head .rank_title{
	width: 30%;
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	font-size: 14px;
	font-weight: bold;
	color: #e67869;
		-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 0px 10px 0px;
}
.rank_table_head .rank_title span{
	font-size: 12px;
	font-weight: normal;
}

.rank_table_head .rank_school{
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
	font-size: 14px;
	color: #e67869;
		-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 0px 10px 20px;
}



.rank_table{
	float: left;
	display: table;
	position: relative;
	width: 100%;
	border-bottom: #575258 1px solid;
}

.rank_crown{
	position: absolute;
	width: 20px;
	left: -30px;
	top:0px;
}

.rank_table .rank_title{
	width: 30%;
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	font-size: 14px;
	font-weight: bold;
	color: #575258;
		-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 0px 10px 0px;
}
.rank_table .rank_title span{
	display: inline-block;
	vertical-align: middle;
}

.rank_table .rank_title img{
	display: inline-block;
	vertical-align: middle;
	height: 14px;
	margin-left: 3px;
}

.rank_table .rank_school{
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	font-size: 12px;
	color: #575258;
		-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 0px 10px 20px;
}




.famous_slider{
	display: inline-block;
	width: 70%;
	text-align: center;
}

.foresee_slider{
	display: inline-block;
	width: 70%;
	text-align: center;
}





.student_item{
	display: inline-block;
	width: 220px;
	text-align: center;
	margin: 0px 0px 100px 0px;
}

.result_title{
	display: inline-block;
	text-align: center;
	font-size: 16px;
	letter-spacing: 1px;
	color: #1e1e1e;
	border: #1e1e1e 1px solid;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 30px;
    padding-right: 30px;
    font-weight: 600;
    line-height: 35px;
    margin-top: 60px;
}


.info_body{

	float: left;
	width: 100%;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 0px;
    padding-bottom: 100px;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;

        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cff1f7+1,feefeb+100 */
background: #f3b19d; /* Old browsers */



}


.sec .sec_mark{
	position: absolute;
	top:65px;
	left: -80px;
	width: 140px;
	height: 13px;
	text-align: left;;
	font-size: 12px;
	color: #675f61;
	  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  display: none;
}


.question_item .ask_user_name{
	float: left;
	width: 100%;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
    color: #283945;
    margin-top: 10px;
      overflow : visible;
  text-overflow : none;
  white-space :normal;
}

.quick_btn{
	position: fixed;
	z-index: 2;
	width: 35px;
	height: 84px;
	right: 0px;
	display: block;
}



.sec.special{
    padding: 10px;
}



.sec.special .block{
    padding: 60px 0px 60px 0px;
}


.land_info_des{
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  color: #000000;
  width: 100%;
  text-align: center;
}

.land_info_title{
  display: inline-table;
  vertical-align: middle;
  width: 128px;
  height: 128px;
  border-radius: 50%;
  margin-right: 0px;
}



.map_route{
  width: 16px;
  cursor: pointer;
}

.hotkey_join{
  position: fixed;
  z-index: 3;
  width: 30px;
  right: 0px;
  bottom: 40%;
  cursor: pointer;
}

#FOOTER{
  float:left;
  width:100%;
  background: #343434;
  text-align: center;
  -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding:25px 20px 25px 20px;
    margin-bottom: 50px;
  }




}






@media screen and (max-width: 375px) {


.famous_slider{
	display: inline-block;
	width: 240px;
	text-align: center;
}

.foresee_slider{
	display: inline-block;
	width: 240px;
	text-align: center;
}



}


@media screen and (max-width: 320px) {
.fixicon5{
  height: 40px !important;
}


.live_wrap_img{
	display: inline-block;
	position: relative;
	z-index: 2;
	width: 200px;
	margin-top: 50px;
	margin-bottom: 20px;
}

.new_plan_group img{
  display: inline-block;
  width: 100%;
  margin:0px; 
margin-bottom: 10px;
}

.fixicon6{
  height: 25px !important;
}


}