@charset "UTF-8";
/* html5doctor.com Reset v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/) - http://cssreset.com */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  /*font-size:100%;*/
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

nav ul, ul, ol, li {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

/*add by myself*/
button {
  width: auto;
  padding: 0;
  margin: 0;
  background: none;
  border: 0;
  overflow: visible;
  cursor: pointer; }

/*
h1,h2,h3,h4,h5,h6{font-weight:normal;}
html {font-size: 10px; font-size: 62.5%; //about10px}
body{
	font-size: 1.4rem;
 	-webkit-text-size-adjust:100%;
	text-size-adjust:100%;
	line-height:1.4em;
}
#wrapper{
	margin:0; padding:0;
	width:100%; height:100%;
}
*/
a img {
  vertical-align: top; }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
body {
  font-family: "Helvetica", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", Meiryo, sans-serif;
  line-height: 2.25;
  -webkit-text-size-adjust: 100%;
  background: white;
  color: #2ca338;
  font-size: 16px; }

img {
  vertical-align: top; }

a {
  color: #90cba6;
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }

hr {
  margin: 60px 0 30px;
  border: none;
  border-top: 1px solid #eee;
  height: auto;
  padding: 0; }

.has-margin-top0 {
  margin-top: 0px !important; }

.has-margin-bottom0 {
  margin-bottom: 0px !important; }

.has-margin-top5 {
  margin-top: 5px !important; }

.has-margin-bottom5 {
  margin-bottom: 5px !important; }

.has-margin-top10 {
  margin-top: 10px !important; }

.has-margin-bottom10 {
  margin-bottom: 10px !important; }

.has-margin-top15 {
  margin-top: 15px !important; }

.has-margin-bottom15 {
  margin-bottom: 15px !important; }

.has-margin-top20 {
  margin-top: 20px !important; }

.has-margin-bottom20 {
  margin-bottom: 20px !important; }

.has-margin-top25 {
  margin-top: 25px !important; }

.has-margin-bottom25 {
  margin-bottom: 25px !important; }

.has-margin-top30 {
  margin-top: 30px !important; }

.has-margin-bottom30 {
  margin-bottom: 30px !important; }

.has-margin-top35 {
  margin-top: 35px !important; }

.has-margin-bottom35 {
  margin-bottom: 35px !important; }

.has-margin-top40 {
  margin-top: 40px !important; }

.has-margin-bottom40 {
  margin-bottom: 40px !important; }

.has-margin-top45 {
  margin-top: 45px !important; }

.has-margin-bottom45 {
  margin-bottom: 45px !important; }

.has-margin-top50 {
  margin-top: 50px !important; }

.has-margin-bottom50 {
  margin-bottom: 50px !important; }

.has-margin-top55 {
  margin-top: 55px !important; }

.has-margin-bottom55 {
  margin-bottom: 55px !important; }

.has-margin-top60 {
  margin-top: 60px !important; }

.has-margin-bottom60 {
  margin-bottom: 60px !important; }

.has-margin-top65 {
  margin-top: 65px !important; }

.has-margin-bottom65 {
  margin-bottom: 65px !important; }

.has-margin-top70 {
  margin-top: 70px !important; }

.has-margin-bottom70 {
  margin-bottom: 70px !important; }

.has-margin-top75 {
  margin-top: 75px !important; }

.has-margin-bottom75 {
  margin-bottom: 75px !important; }

.has-margin-top80 {
  margin-top: 80px !important; }

.has-margin-bottom80 {
  margin-bottom: 80px !important; }

.has-margin-top85 {
  margin-top: 85px !important; }

.has-margin-bottom85 {
  margin-bottom: 85px !important; }

.has-margin-top90 {
  margin-top: 90px !important; }

.has-margin-bottom90 {
  margin-bottom: 90px !important; }

.has-margin-top95 {
  margin-top: 95px !important; }

.has-margin-bottom95 {
  margin-bottom: 95px !important; }

.has-margin-top100 {
  margin-top: 100px !important; }

.has-margin-bottom100 {
  margin-bottom: 100px !important; }

.frame {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  min-width: 950px; }

.frame-header {
  padding: 40px 0 0; }
  .frame-header .site-title {
    display: block;
    margin: 0 auto;
    text-align: center; }
    .frame-header .site-title .ir {
      background-image: url(../img/spritesheet.png);
      background-position: 0px 0px;
      width: 950px;
      height: 136px; }

.frame-footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 10px 0 8px;
  background: white; }
  .frame-footer .frame-footer-content {
    width: 950px;
    margin: 0 auto;
    position: relative; }
    .frame-footer .frame-footer-content .copyright {
      color: #0d6fb8;
      font-size: 12px; }
    .frame-footer .frame-footer-content .sns-block {
      position: absolute;
      right: 0;
      top: -8px; }
      .frame-footer .frame-footer-content .sns-block ul {
        margin: 0; }
      .frame-footer .frame-footer-content .sns-block li {
        display: inline-block;
        vertical-align: middle; }
      .frame-footer .frame-footer-content .sns-block .fb {
        line-height: 1; }
      .frame-footer .frame-footer-content .sns-block .tw iframe {
        vertical-align: middle; }
      .frame-footer .frame-footer-content .sns-block .gp > div {
        vertical-align: middle !important; }

.ir {
  display: inline-block;
  overflow: hidden;
  text-indent: -10000px;
  vertical-align: middle;
  line-height: 1; }

.btn.btn-af {
  text-decoration: none;
  -webkit-transition: opacity 0.1s linear;
          transition: opacity 0.1s linear; }
  .btn.btn-af:hover {
    opacity: 0.6;
    text-decoration: none; }

.text-right {
  text-align: right; }

.text-left {
  text-align: left; }

.text-center {
  text-align: center; }

.image-text {
  line-height: 1; }

.btn-top {
  position: fixed;
  right: 0;
  bottom: 121px; }
  .btn-top .btn {
    background-image: url(../img/spritesheet.png);
    background-position: -852px -427px;
    width: 30px;
    height: 115px; }

.modal {
  display: none;
  position: absolute;
  z-index: 10001;
  position: fixed;
  right: 0;
  left: 0;
  margin: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; }
  .modal .btn-close {
    position: absolute;
    right: 0;
    top: 0;
    background-image: url(../img/spritesheet.png);
    background-position: -904px -379px;
    width: 23px;
    height: 25px; }

.modal-home {
  width: 800px;
  height: 450px;
  padding: 40px 0;
  background: white; }
  .modal-home .btn-close {
    right: 20px;
    top: 20px; }
  .modal-home .modal-body {
    position: relative; }
  .modal-home .modal-title {
    background-image: url(../img/spritesheet.png);
    background-position: 0px -569px;
    width: 325px;
    height: 50px;
    display: block;
    margin: 0 auto;
    padding: 0; }
  .modal-home .modal-text01 {
    background-image: url(../img/spritesheet.png);
    background-position: -479px -138px;
    width: 399px;
    height: 112px;
    display: block;
    margin: 33px auto 0;
    padding: 0; }
  .modal-home .modal-text02 {
    background-image: url(../img/spritesheet.png);
    background-position: 0px -138px;
    width: 477px;
    height: 135px;
    display: block;
    margin: 37px auto 0;
    padding: 0; }

.modal-guide {
  width: 960px; }
  .modal-guide .btn-close {
    top: -30px;
    background-image: url(../img/spritesheet.png);
    background-position: -880px -138px;
    width: 23px;
    height: 25px; }
  .modal-guide .modal-body {
    background: url(../img/submit/modal_guide.png) 0 0 no-repeat;
    width: 960px;
    height: 534px; }

.modal-video {
  width: 640px; }
  .modal-video .btn-close {
    right: -45px;
    top: -27px; }
  .modal-video .modal-body .video-info {
    padding: 10px;
    line-height: 1.5;
    font-size: 14px; }
  .modal-video .modal-body .video-block {
    width: 640px;
    height: 360px;
    position: relative;
    background: black; }
    .modal-video .modal-body .video-block .thumb {
      width: 640px;
      height: 360px;
      overflow: hidden;
      position: absolute;
      left: 0;
      top: 0;
      cursor: pointer; }
      .modal-video .modal-body .video-block .thumb img {
        position: absolute;
        width: 100%;
        height: auto;
        top: 0;
        bottom: 0;
        margin: auto; }
      .modal-video .modal-body .video-block .thumb .icon-play {
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        top: 0;
        bottom: 0; }
  .modal-video.color0 .video-info {
    color: white; }
  .modal-video.color0 .video-info {
    background-color: #00a0e9; }
  .modal-video.color0 .btn-close {
    background-image: url(../img/spritesheet.png);
    background-position: -880px -165px;
    width: 23px;
    height: 25px; }
  .modal-video.color0 .icon-play {
    background-image: url(../img/spritesheet.png);
    background-position: -510px -655px;
    width: 100px;
    height: 100px; }
  .modal-video.color1 .video-info {
    color: #0d6fb8; }
  .modal-video.color1 .video-info {
    background-color: #fdd000; }
  .modal-video.color1 .btn-close {
    background-image: url(../img/spritesheet.png);
    background-position: -905px -165px;
    width: 23px;
    height: 25px; }
  .modal-video.color1 .icon-play {
    background-image: url(../img/spritesheet.png);
    background-position: -612px -655px;
    width: 100px;
    height: 100px; }
  .modal-video.color2 .video-info {
    color: white; }
  .modal-video.color2 .video-info {
    background-color: #920783; }
  .modal-video.color2 .btn-close {
    background-image: url(../img/spritesheet.png);
    background-position: -880px -192px;
    width: 23px;
    height: 25px; }
  .modal-video.color2 .icon-play {
    background-image: url(../img/spritesheet.png);
    background-position: -714px -655px;
    width: 100px;
    height: 100px; }
  .modal-video.color3 .video-info {
    color: white; }
  .modal-video.color3 .video-info {
    background-color: #23ac38; }
  .modal-video.color3 .btn-close {
    background-image: url(../img/spritesheet.png);
    background-position: -905px -192px;
    width: 23px;
    height: 25px; }
  .modal-video.color3 .icon-play {
    background-image: url(../img/spritesheet.png);
    background-position: -816px -655px;
    width: 100px;
    height: 100px; }
  .modal-video.color4 .video-info {
    color: white; }
  .modal-video.color4 .video-info {
    background-color: #e83428; }
  .modal-video.color4 .btn-close {
    background-image: url(../img/spritesheet.png);
    background-position: -880px -219px;
    width: 23px;
    height: 25px; }
  .modal-video.color4 .icon-play {
    background-image: url(../img/spritesheet.png);
    background-position: -408px -655px;
    width: 100px;
    height: 100px; }
  .modal-video.color5 .video-info {
    color: white; }
  .modal-video.color5 .video-info {
    background-color: #90c31f; }
  .modal-video.color5 .btn-close {
    background-image: url(../img/spritesheet.png);
    background-position: -905px -219px;
    width: 23px;
    height: 25px; }
  .modal-video.color5 .icon-play {
    background-image: url(../img/spritesheet.png);
    background-position: -204px -655px;
    width: 100px;
    height: 100px; }
  .modal-video.color6 .video-info {
    color: white; }
  .modal-video.color6 .video-info {
    background-color: #0d6fb8; }
  .modal-video.color6 .btn-close {
    background-image: url(../img/spritesheet.png);
    background-position: -854px -379px;
    width: 23px;
    height: 25px; }
  .modal-video.color6 .icon-play {
    background-image: url(../img/spritesheet.png);
    background-position: -102px -655px;
    width: 100px;
    height: 100px; }
  .modal-video.color7 .video-info {
    color: white; }
  .modal-video.color7 .video-info {
    background-color: #7ea1bf; }
  .modal-video.color7 .btn-close {
    background-image: url(../img/spritesheet.png);
    background-position: -879px -379px;
    width: 23px;
    height: 25px; }
  .modal-video.color7 .icon-play {
    background-image: url(../img/spritesheet.png);
    background-position: 0px -655px;
    width: 100px;
    height: 100px; }
  .modal-video.color8 .video-info {
    color: white; }
  .modal-video.color8 .video-info {
    background-color: #bdac7e; }
  .modal-video.color8 .btn-close {
    background-image: url(../img/spritesheet.png);
    background-position: -879px -379px;
    width: 23px;
    height: 25px; }
  .modal-video.color8 .icon-play {
    background-image: url(../img/spritesheet.png);
    background-position: 0px -655px;
    width: 100px;
    height: 100px; }
  .modal-video.color9 .video-info {
    color: white; }
  .modal-video.color9 .video-info {
    background-color: #b2869f; }
  .modal-video.color9 .btn-close {
    background-image: url(../img/spritesheet.png);
    background-position: -879px -379px;
    width: 23px;
    height: 25px; }
  .modal-video.color9 .icon-play {
    background-image: url(../img/spritesheet.png);
    background-position: 0px -655px;
    width: 100px;
    height: 100px; }
  .modal-video.color10 .video-info {
    color: white; }
  .modal-video.color10 .video-info {
    background-color: #7f8f82; }
  .modal-video.color10 .btn-close {
    background-image: url(../img/spritesheet.png);
    background-position: -879px -379px;
    width: 23px;
    height: 25px; }
  .modal-video.color10 .icon-play {
    background-image: url(../img/spritesheet.png);
    background-position: 0px -655px;
    width: 100px;
    height: 100px; }
  .modal-video.color11 .video-info {
    color: white; }
  .modal-video.color11 .video-info {
    background-color: #965251; }
  .modal-video.color11 .btn-close {
    background-image: url(../img/spritesheet.png);
    background-position: -879px -379px;
    width: 23px;
    height: 25px; }
  .modal-video.color11 .icon-play {
    background-image: url(../img/spritesheet.png);
    background-position: 0px -655px;
    width: 100px;
    height: 100px; }
  .modal-video.color12 .video-info {
    color: white; }
  .modal-video.color12 .video-info {
    background-color: #418789; }
  .modal-video.color12 .btn-close {
    background-image: url(../img/spritesheet.png);
    background-position: -879px -379px;
    width: 23px;
    height: 25px; }
  .modal-video.color12 .icon-play {
    background-image: url(../img/spritesheet.png);
    background-position: 0px -655px;
    width: 100px;
    height: 100px; }
  .modal-video.color13 .video-info {
    color: white; }
  .modal-video.color13 .video-info {
    background-color: #6794cf; }
  .modal-video.color13 .btn-close {
    background-image: url(../img/spritesheet.png);
    background-position: -879px -379px;
    width: 23px;
    height: 25px; }
  .modal-video.color13 .icon-play {
    background-image: url(../img/spritesheet.png);
    background-position: 0px -655px;
    width: 100px;
    height: 100px; }

.modal-backdrop {
  background: white;
  z-index: 10000;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0; }

#view-home .bg {
  background: url(../img/home/bg_home_01.jpg) center center no-repeat;
  background-size: cover;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  margin: auto; }
#view-home .frame-body {
  padding: 30px 0 80px; }
#view-home .sub-title {
  display: block;
  background-image: url(../img/spritesheet_edit.png);
  background-position: 0px -379px;
  width: 427px;
  height: 46px;
  margin: 0 auto 0; }
/*#view-home .lead-text {
  display: block;
  background-image: url(../img/spritesheet.png);
  background-position: 0px -275px;
  width: 389px;
  height: 102px;
  margin: 28px auto 0; }*/
#view-home .lead-text {
  display: block;
  background-image: url(../img/spritesheet_edit.png);
  background-position: 0px -805px;
  width: 759px;
  height: 68px;
  margin: 28px auto 0; }
#view-home .link-block {
  display: table;
  width: 100%;
  min-width: 1100px;
  margin: 40px auto 0; }
  #view-home .link-block .left,
  #view-home .link-block .right {
    position: relative;
    width: 50%;
    display: table-cell; }
    #view-home .link-block .left a,
    #view-home .link-block .right a {
      display: block;
      height: 240px; }
    #view-home .link-block .left img,
    #view-home .link-block .right img {
      width: 100%;
      height: auto; }
    #view-home .link-block .left i,
    #view-home .link-block .right i {
      position: absolute;
      top: 0;
      bottom: 0;
      display: block;
      margin: auto; }
    #view-home .link-block .left p,
    #view-home .link-block .right p {
      position: absolute;
      bottom: 8px; }
  #view-home .link-block .left a {
    background: url(../img/home/btn_01.jpg) 0 0 no-repeat;
    background-size: cover; }
  #view-home .link-block .left i {
    background-image: url(../img/spritesheet.png);
    background-position: -284px -427px;
    width: 140px;
    height: 140px;
    right: 326px; }
  #view-home .link-block .left p {
    background-image: url(../img/spritesheet.png);
    background-position: -429px -379px;
    width: 423px;
    height: 32px;
    right: 44px; }
  #view-home .link-block .right a,
  #view-home .link-block .right .disable {
    background: url(../img/home/btn_02.jpg) 0 0 no-repeat;
    background-size: cover; }
  #view-home .link-block .right i {
    background-image: url(../img/spritesheet.png);
    background-position: -710px -427px;
    width: 140px;
    height: 140px;
    left: 326px; }
  #view-home .link-block .right p {
    background-image: url(../img/spritesheet.png);
    background-position: -327px -569px;
    width: 378px;
    height: 31px;
    left: 8px; }
  #view-home .link-block .right .disable {
    display: block;
    height: 240px; }
    #view-home .link-block .right .disable i {
      background-image: url(../img/spritesheet.png);
      background-position: -568px -427px;
      width: 140px;
      height: 140px; }
    #view-home .link-block .right .disable .text-comming-soon {
      background-image: url(../img/spritesheet.png);
      background-position: -391px -275px;
      width: 288px;
      height: 77px;
      position: absolute;
      left: 35px;
      top: 76px; }
#view-home .notice-block {
  margin-top: 38px;
  text-align: center; }

#view-home .notice-block .newsArea{
    display:block;
	padding:20px;
    margin:0 auto 30px auto;
	width:820px;
	text-align:left;
	background:#ffffff;
	overflow:hidden;
	border-radius: 20px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;}
	#view-home .notice-block .newsArea h2{
		float:left;
		margin:10px 0 0 0;
		width:105px;
		height:18px;
		background-image: url(../img/spritesheet_edit.png);
		background-position:-789px -756px;}
	#view-home .notice-block .newsArea ul{
		float:right;
		width:655px;}
	  #view-home .notice-block .newsArea a{
		display:block;
		color:#0d6fb8;}
	    #view-home .notice-block .newsArea a span{
	      color:#e83428;}
  
  #view-home .notice-block .buttonArea{
    margin:0 auto;
	width:820px;
	overflow:hidden;}
	#view-home .notice-block .buttonArea .btn1{float:left;}
	#view-home .notice-block .buttonArea .btn2{float:right;}
	  #view-home .notice-block .button-block a,
	  #view-home .notice-block .button-block div {
		display: block;
		width: 400px;
		margin: 0 auto;
		border-radius: 20px;
		height: 40px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		padding: 4px 0 0; }
		
		#view-home .notice-block .btn1 a {background: #23ac38;}
		#view-home .notice-block .btn2 a {background: #e83428;}
		#view-home .notice-block .button-block div{background: #cccccc;}
		
		#view-home .notice-block .button-block a .label,
		#view-home .notice-block .button-block div .label {
		  background-image: url(../img/spritesheet_edit.png);
		  width: 189px;
		  display: block;
		  margin: auto; }
		 #view-home .notice-block .btn1 a .label {height: 29px; background-position: -707px -569px;}
		 #view-home .notice-block .btn2 a .label,
		 #view-home .notice-block .btn2 div .label {height: 32px; background-position: -707px -600px;}
	  
	  #view-home .notice-block .note {
		color: #0d6fb8;
		font-size: 10px;
		margin: 40px 0 0;
		line-height: 1.5; }
		#view-home .notice-block .note a {
		  color: #0d6fb8;
		  text-decoration: underline; }
		  #view-home .notice-block .note a:hover {
			text-decoration: none; }

.view-video_list .bg {
  background: url(../img/video_list/bg_01.jpg) center 0 no-repeat;
  background-size: cover;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  margin: auto; }
.view-video_list .frame-nav {
  width: 950px;
  margin: 30px auto 0; }
  .view-video_list .frame-nav .frame-nav-content {
    position: relative;
    width: 100%;
    height: 160px; }
    .view-video_list .frame-nav .frame-nav-content .current,
    .view-video_list .frame-nav .frame-nav-content .other {
      position: absolute;
      top: 0;
      height: 160px; }
      .view-video_list .frame-nav .frame-nav-content .current i, .view-video_list .frame-nav .frame-nav-content .current p,
      .view-video_list .frame-nav .frame-nav-content .other i,
      .view-video_list .frame-nav .frame-nav-content .other p {
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto; }
    .view-video_list .frame-nav .frame-nav-content .current {
      left: 0;
      width: 715px;
      background: url(../img/video_list/nav_bg_c_01.jpg) 0 0 no-repeat;
      background-size: cover; }
      .view-video_list .frame-nav .frame-nav-content .current span {
        display: block;
        width: 715px;
        position: absolute;
        right: 0;
        top: 0;
        height: 160px; }
      .view-video_list .frame-nav .frame-nav-content .current i {
        background-image: url(../img/spritesheet.png);
        background-position: 0px -427px;
        width: 140px;
        height: 140px;
        left: 0; }
      .view-video_list .frame-nav .frame-nav-content .current p {
        background-image: url(../img/spritesheet.png);
        background-position: 0px -621px;
        width: 362px;
        height: 32px;
        left: 246px; }
    .view-video_list .frame-nav .frame-nav-content .other {
      right: 0;
      width: 235px; }
      .view-video_list .frame-nav .frame-nav-content .other a,
      .view-video_list .frame-nav .frame-nav-content .other .disable {
        display: block;
        height: 160px;
        background: url(../img/video_list/nav_bg_p_01.jpg) 0 0 no-repeat;
        background-size: cover; }
      .view-video_list .frame-nav .frame-nav-content .other i {
        background-image: url(../img/spritesheet.png);
        background-position: -710px -427px;
        width: 140px;
        height: 140px;
        right: auto;
        left: 95px; }
      .view-video_list .frame-nav .frame-nav-content .other .disable i {
        background-image: url(../img/spritesheet.png);
        background-position: -426px -427px;
        width: 140px;
        height: 140px; }
.view-video_list .frame-body {
  width: 950px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 120px; }
.view-video_list .posts {
  zoom: 1;
  margin-left: -10px;
  margin-top: -10px; }
  .view-video_list .posts:before, .view-video_list .posts:after {
    content: "";
    display: table; }
  .view-video_list .posts:after {
    clear: both; }
  .view-video_list .posts .item {
    width: 310px;
    float: left;
    margin-left: 10px;
    margin-top: 10px;
    background: white; }
    .view-video_list .posts .item a {
      display: block;
      -webkit-transition: 0.1s linear opacity;
              transition: 0.1s linear opacity;
      position: relative; }
      .view-video_list .posts .item a:hover {
        opacity: 0.6;
        text-decoration: none; }
    .view-video_list .posts .item .thumb {
      height: 173px;
      position: relative;
      overflow: hidden; }
      .view-video_list .posts .item .thumb img {
        width: 100%;
        height: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto; }
    .view-video_list .posts .item .object {
      display: none; }
    .view-video_list .posts .item .caption-container {
      font-size: 14px;
      padding: 8px 10px;
      line-height: 1.6;
      padding-bottom: 54px; }
      .view-video_list .posts .item .caption-container p {
        margin: 0;
        padding: 0; }
      .view-video_list .posts .item .caption-container .btn {
        background-image: url(../img/spritesheet.png);
        background-position: -723px -252px;
        width: 205px;
        height: 21px;
        position: absolute;
        bottom: 10px; }
.view-video_list .posts .item.color0 {
  background-color: #00a0e9; }
  .view-video_list .posts .item.color0 .caption-container {
    color: white; }
.view-video_list .posts .item.color1 {
  background-color: #fdd000; }
  .view-video_list .posts .item.color1 .caption-container {
    color: #0d6fb8; }
    .view-video_list .posts .item.color1 .caption-container .btn {
      background-image: url(../img/spritesheet.png);
      background-position: -391px -354px;
      width: 205px;
      height: 21px; }
.view-video_list .posts .item.color2 {
  background-color: #920783; }
  .view-video_list .posts .item.color2 .caption-container {
    color: white; }
.view-video_list .posts .item.color3 {
  background-color: #23ac38; }
  .view-video_list .posts .item.color3 .caption-container {
    color: white; }
.view-video_list .posts .item.color4 {
  background-color: #e83428; }
  .view-video_list .posts .item.color4 .caption-container {
    color: white; }
.view-video_list .posts .item.color5 {
  background-color: #90c31f; }
  .view-video_list .posts .item.color5 .caption-container {
    color: white; }
.view-video_list .posts .item.color6 {
  background-color: #0d6fb8; }
  .view-video_list .posts .item.color6 .caption-container {
    color: white; }
.view-video_list .posts .item.color7 {
  background-color: #7ea1bf; }
  .view-video_list .posts .item.color7 .caption-container {
    color: white; }
    .view-video_list .posts .item.color7 .caption-container .btn {
      background-image: url(../img/spritesheet.png);
      background-position: -479px -252px;
      width: 242px;
      height: 21px; }
.view-video_list .posts .item.color8 {
  background-color: #bdac7e; }
  .view-video_list .posts .item.color8 .caption-container {
    color: white; }
    .view-video_list .posts .item.color8 .caption-container .btn {
      background-image: url(../img/spritesheet.png);
      background-position: -479px -252px;
      width: 242px;
      height: 21px; }
.view-video_list .posts .item.color9 {
  background-color: #b2869f; }
  .view-video_list .posts .item.color9 .caption-container {
    color: white; }
    .view-video_list .posts .item.color9 .caption-container .btn {
      background-image: url(../img/spritesheet.png);
      background-position: -479px -252px;
      width: 242px;
      height: 21px; }
.view-video_list .posts .item.color10 {
  background-color: #7f8f82; }
  .view-video_list .posts .item.color10 .caption-container {
    color: white; }
    .view-video_list .posts .item.color10 .caption-container .btn {
      background-image: url(../img/spritesheet.png);
      background-position: -479px -252px;
      width: 242px;
      height: 21px; }
.view-video_list .posts .item.color11 {
  background-color: #965251; }
  .view-video_list .posts .item.color11 .caption-container {
    color: white; }
    .view-video_list .posts .item.color11 .caption-container .btn {
      background-image: url(../img/spritesheet.png);
      background-position: -479px -252px;
      width: 242px;
      height: 21px; }
.view-video_list .posts .item.color12 {
  background-color: #418789; }
  .view-video_list .posts .item.color12 .caption-container {
    color: white; }
    .view-video_list .posts .item.color12 .caption-container .btn {
      background-image: url(../img/spritesheet.png);
      background-position: -479px -252px;
      width: 242px;
      height: 21px; }
.view-video_list .posts .item.color13 {
  background-color: #6794cf; }
  .view-video_list .posts .item.color13 .caption-container {
    color: white; }
    .view-video_list .posts .item.color13 .caption-container .btn {
      background-image: url(../img/spritesheet.png);
      background-position: -479px -252px;
      width: 242px;
      height: 21px; }
.view-video_list #pagination {
  position: relative; }
.view-video_list .loader {
  position: absolute;
  line-height: 0;
  top: 10px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
  .view-video_list .loader .loader-bar {
    background-color: #444444;
    display: none;
    height: 16px;
    width: 16px;
    margin: 0 3px;
    opacity: 0.1;
    border-radius: 4px; }
    .view-video_list .loader .loader-bar:nth-child(1) {
      -webkit-animation-delay: -200ms;
              animation-delay: -200ms; }
    .view-video_list .loader .loader-bar:nth-child(2) {
      -webkit-animation-delay: -100ms;
              animation-delay: -100ms; }
.view-video_list .animate .loader-bar {
  display: inline-block;
  -webkit-animation: loader-oscillate ease-in-out 300ms infinite alternate;
          animation: loader-oscillate ease-in-out 300ms infinite alternate; }

#view-video_list-general .frame-nav .current {
  width: 475px; }
  #view-video_list-general .frame-nav .current a {
    display: block;
    height: 160px; }
  #view-video_list-general .frame-nav .current p {
    display: none; }
  #view-video_list-general .frame-nav .current i {
    background-image: url(../img/spritesheet.png);
    background-position: -284px -427px;
    width: 140px;
    height: 140px;
    left: 0; }
#view-video_list-general .frame-nav .other {
  width: 475px; }
  #view-video_list-general .frame-nav .other i {
    left: 300px; }

#view-video_list-pro .current {
  background-image: url(../img/video_list/nav_bg_p_02.jpg); }
  #view-video_list-pro .current i {
    background-image: url(../img/spritesheet.png);
    background-position: -568px -427px;
    width: 140px;
    height: 140px; }
  #view-video_list-pro .current p {
    background-image: url(../img/spritesheet.png);
    background-position: -364px -621px;
    width: 316px;
    height: 31px;
    left: 267px; }
#view-video_list-pro .other a {
  background-image: url(../img/video_list/nav_bg_c_02.jpg); }
#view-video_list-pro .other i {
  background-image: url(../img/spritesheet.png);
  background-position: -142px -427px;
  width: 140px;
  height: 140px; }

@-webkit-keyframes loader-oscillate {
  0% {
    opacity: 0.1;
    -webkit-transform: scaleY(1);
            transform: scaleY(1); }
  100% {
    opacity: 0.2;
    -webkit-transform: scaleY(1.3);
            transform: scaleY(1.3); } }

@keyframes loader-oscillate {
  0% {
    opacity: 0.1;
    -webkit-transform: scaleY(1);
            transform: scaleY(1); }
  100% {
    opacity: 0.2;
    -webkit-transform: scaleY(1.3);
            transform: scaleY(1.3); } }
.regular.post {
  color: #0d6fb8; }
  .regular.post .title {
    margin-top: 45px;
    font-size: 24px; }
  .regular.post a {
    color: #0d6fb8;
    text-decoration: underline; }
    .regular.post a:hover {
      text-decoration: none; }
  .regular.post iframe {
    margin-top: 35px !important; }

.is-lteIE8 .frame {
  width: 1100px; }

/* guidance -------------------- */
#guidance{
	margin:0 auto;
	width:950px;
	color:#e83428;
	line-height:1.6em;
}

#guidance h2{
	margin:0 0 40px 0;
	width:212px;
	height:22px;
	background-image:url(../img/spritesheet_edit.png);
	background-position:0 -757px;
}

#guidance h3{
	margin:0 0 10px 0;
	font-size:20px;
	line-height:1em;
}

#guidance a{
	color:#e83428;
}

#guidance .block{
	margin:0 0 40px 0;
}

#guidance .block p{
	margin:0 0 15px 0;
}
	#guidance .block p:last-child{margin:0;}

#guidance .view-video_list .posts .item.color0{background-color:#f2861e;}
#guidance .view-video_list .posts .item.color1{background-color:#90c31f;}
#guidance .view-video_list .posts .item.color2{background-color:#00a0e9;}
#guidance .view-video_list .posts .item.color3{background-color:#e14090;}
#guidance .view-video_list .posts .item.color4{background-color:#771ef2;}
#guidance .view-video_list .posts .item.color5{background-color:#1fc39b;}
#guidance .view-video_list .posts .item.color6{background-color:#e83428;}


#guidance .view-video_list .posts .thumb span{
	margin:-21px 0 0 -21px;
	width:42px;
	height:42px;
	background-image:url(../img/spritesheet_edit.png);
	position:absolute;
	top:50%;
	left:50%;
}
	#guidance .view-video_list .posts .color0 .thumb span{background-position:-319px -757px;}
	#guidance .view-video_list .posts .color1 .thumb span{background-position:-361px -757px;}
	#guidance .view-video_list .posts .color2 .thumb span{background-position:-403px -757px;}
	#guidance .view-video_list .posts .color3 .thumb span{background-position:-445px -757px;}
	#guidance .view-video_list .posts .color4 .thumb span{background-position:-487px -757px;}
	#guidance .view-video_list .posts .color5 .thumb span{background-position:-529px -757px;}
	#guidance .view-video_list .posts .color6 .thumb span{background-position:-571px -757px;}

#guidance .view-video_list .posts .caption-container{
	padding:10px;
	color:#ffffff;
	font-size:16px;
	line-height:25px;
}

#guidance .view-video_list .posts .caption-container p span{
	margin:0 20px 0 0;
	width:21px;
	height:25px;
	background-image:url(../img/spritesheet_edit.png);
}
	#guidance .view-video_list .posts .item.color0 p span{background-position:0 -779px;}
	#guidance .view-video_list .posts .item.color1 p span{background-position:-21px -779px;}
	#guidance .view-video_list .posts .item.color2 p span{background-position:-42px -779px;}
	#guidance .view-video_list .posts .item.color3 p span{background-position:-63px -779px;}
	#guidance .view-video_list .posts .item.color4 p span{background-position:-84px -779px;}
	#guidance .view-video_list .posts .item.color5 p span{background-position:-105px -779px;}
	#guidance .view-video_list .posts .item.color6 p span{background-position:-126px -779px;}

#guidance dl{
	padding:0 0 12px 0;
	margin:0 0 10px 0;
	background:url(../img/line.png) repeat-x left bottom;
	overflow:hidden;
}
	#guidance dl:last-child{
		padding:0;
		margin:0;
		background:none;
	}

#guidance dl dt{
	float:left;
	width:400px;
	font-size:20px;
	line-height:40px;
	clear:both;
}

#guidance dl dd{
	float:left;
	width:550px;
}

#guidance dl.other{
	padding:0;
	margin:0;
	background:none;
}

#guidance dl.other dt{
	float:none;
	width:950px;
}

#guidance dl.other dd{
	float:none;
	padding:0 0 0 40px;
	width:910px;
}

#guidance dl.other dd dl:last-child{
	padding:0;
	margin:0;
	background:none;
}

#guidance dl.other dd dl dt{
	float:left;
	width:360px;
}

#guidance dl.other dd dl dd{
	float:left;
	padding:0;
	width:550px;
}

#guidance dl dd a{
	display:block;
	padding:12px 0 0;
	width:210px;
	height:40px;
	background:#e83428;
	border-radius:20px;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	        box-sizing:border-box;
}

#guidance dl dd a .label{
	display:block;
	margin:auto;
	width:107px;
	height:17px;
	background-image:url(../img/spritesheet_edit.png);
	background-position:-212px -757px;
}

/* guidanceModal -------------------- */
#guidanceModal{}

#guidanceModal.modal-video .btn-close{
	width:25px;
	height:27px;
	background-image:url(../img/spritesheet_edit.png);
}
	#guidanceModal.modal-video.color0 .btn-close{background-position:-613px -757px;}
	#guidanceModal.modal-video.color1 .btn-close{background-position:-638px -757px;}
	#guidanceModal.modal-video.color2 .btn-close{background-position:-663px -757px;}
	#guidanceModal.modal-video.color3 .btn-close{background-position:-688px -757px;}
	#guidanceModal.modal-video.color4 .btn-close{background-position:-713px -757px;}
	#guidanceModal.modal-video.color5 .btn-close{background-position:-738px -757px;}
	#guidanceModal.modal-video.color6 .btn-close{background-position:-763px -757px;}


#guidanceModal.modal-video.color0 .btn-close{}


#guidanceModal.modal-video .icon-play{
	width:102px;
	height:102px;
	background-image:url(../img/spritesheet_edit.png);
}
	#guidanceModal.modal-video.color0 .icon-play{background-position:0 -873px;}
	#guidanceModal.modal-video.color1 .icon-play{background-position:-102px -873px;}
	#guidanceModal.modal-video.color2 .icon-play{background-position:-204px -873px;}
	#guidanceModal.modal-video.color3 .icon-play{background-position:-306px -873px;}
	#guidanceModal.modal-video.color4 .icon-play{background-position:-408px -873px;}
	#guidanceModal.modal-video.color5 .icon-play{background-position:-510px -873px;}
	#guidanceModal.modal-video.color6 .icon-play{background-position:-612px -873px;}


#guidanceModal.modal-video .video-info{
	color:#ffffff;
}
	#guidanceModal.modal-video.color0 .video-info{background-color:#f2861e;}
	#guidanceModal.modal-video.color1 .video-info{background-color:#90c31f;}
	#guidanceModal.modal-video.color2 .video-info{background-color:#00a0e9;}
	#guidanceModal.modal-video.color3 .video-info{background-color:#e14090;}
	#guidanceModal.modal-video.color4 .video-info{background-color:#771ef2;}
	#guidanceModal.modal-video.color5 .video-info{background-color:#1fc39b;}
	#guidanceModal.modal-video.color6 .video-info{background-color:#e83428;}

/* news -------------------- */
#news{
	margin:0 auto;
	width:950px;
	color:#0d6fb8;
	line-height:1.6em;
}

#news a{
	color:#0d6fb8;
	text-decoration:underline;
}
	#news a:hover{text-decoration:none;}

#news .titArea{
	margin:0 0 45px 0;
}

#news .titArea .icon{
	margin:0 0 20px 0;
	width:128px;
	height:22px;
	background-image:url(../img/spritesheet_edit.png);
	background-position:-789px -775px;
}

#news .txtArea{
	margin:0 0 50px 0;
}

#news .link{
	margin:0 0 50px 0;
}

#news .link a{
	display:block;
	padding:12px 0 0;
	margin:0 auto;
	width:400px;
	height:40px;
	background:#0d6fb8;
	border-radius:20px;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	        box-sizing:border-box;
}

#news .link a .label{
	display:block;
	margin:auto;
	width:165px;
	height:17px;
	background-image:url(../img/spritesheet_edit.png);
	background-position:-154px -779px;
}


/* back_to_topPage -------------------- */
.back_to_topPage{}
.back_to_topPage a{text-decoration:none !important;}
.back_to_topPage a span{text-decoration:underline;}
.back_to_topPage a:hover{text-decoration:none;}