@charset "utf-8";

@font-face {
	font-family:'UTMGodsWord'; 
	src:url('../fonts/UTMGodsWord.ttf'); 
	src:local('☺'), url('../fonts/UTMGodsWord.ttf') format('woff'), 
	url('../fonts/UTMGodsWord.ttf') format('truetype'); 
	font-weight: normal; 
	font-style: normal; 
}

* {margin:0; padding:0;}
a {text-decoration:none; color:#db9d25; outline:none;}
a:hover {color:#fff;}

ul {list-style:none;}
img {vertical-align:middle; border:0;}
body,input {font-size:14px; line-height:1.42857143; color:#2d2d2d; font-family:Arial;}
html, body, header, footer, section {width:100%; float:left; border:none;}

.hide {display:none !important;}
.clearfix {clear:both;}
.container {width:1000px;}

.label_18plus {width:133px; height:77px; float:left; background:url(../img/label_18plus.jpg) no-repeat center top; position:absolute; top:5px; left:5px; z-index:69;}

body {
	background:url(../img/charater.png) no-repeat 626px 98px, url(../img/slogan.png) no-repeat 63px 128px, url(../img/bg.jpg) no-repeat fixed left top; position:relative; background-color:#ecede8;
	-webkit-transition:background-position 300ms ease;
	   -moz-transition:background-position 300ms ease;
		-ms-transition:background-position 300ms ease;
		 -o-transition:background-position 300ms ease;
			transition:background-position 300ms ease;
	/*-webkit-animation:moveChar 2s ease-in-out 1;
			animation:moveChar 2s ease-in-out 1;*/
}

@keyframes moveChar {
	  0% {background-position:4800px 98px, -630px 128px, left top;}
	 50% {background-position:4800px 98px,   63px 128px, left top;}
	100% {background-position: 626px 98px,   63px 128px, left top;}
}

header .container,
section .container {float:left; position:relative;}
footer .container {margin:0 auto;}

/***** Header *****/
	header {background:url(../img/bg_menutop.png) no-repeat left top; height:101px; margin-bottom:214px;}
	header .logo {width:177px; height:94px; float:left; background:url(../img/logo.png) no-repeat center top; opacity:0.87; margin:3px 0 0 16px;}
	header .logo:hover {opacity:1;}

	header .menutop {float:left; width:490px; height:101px; margin:0 0 0 47px; position:relative;}
	header .menutop a {float:left; height:100%; width:139px; cursor:pointer; background:url(../img/btn_menutop.png) no-repeat left top;}
	header .menutop a:nth-child(1) {width: 72px; background-position:  left top;}
	header .menutop a:nth-child(2) {width:139px; background-position: -72px top;}
	header .menutop a:nth-child(3) {width:140px; background-position:-211px top;}
	header .menutop a:nth-child(4) {width:139px; background-position: right top;}

	header .menutop a:nth-child(1):hover {background-position:  left -102px;}
	header .menutop a:nth-child(2):hover {background-position: -72px -102px;}
	header .menutop a:nth-child(3):hover {background-position:-211px -102px;}
	header .menutop a:nth-child(4):hover {background-position: right -102px;}

	header .menutop2 {float:left; width:209px; height:17px; margin:30px 0 0 17px;}
	header .menutop2 a {font-size:12.333px; float:left; font-family:"Tahoma"; color:rgb(248, 235, 208); text-shadow:0.5px 0.866px 0px rgba(0, 0, 0, 0.75); font-weight:bold; background:url(../img/i_li_menutop.png) no-repeat 5px 5px;}
	header .menutop2 a:nth-child(1) {padding-left: 0px; background:none;}
	header .menutop2 a:nth-child(2) {padding-left:17px; background-position:5px 5px;}
	header .menutop2 a:nth-child(3) {padding-left:22px; background-position:8px 5px;}
	header .menutop2 a:hover {color:#e5bd6f;}
	
	header form {float:left; width:212px; height:28px; margin:2px 0 0 18px;}
	header form input {outline:none;}
	header form input.txt {float:left; font-size:12.333px; width:172px; height:24px; padding-left:5px; color:#676767; background:#eee9dc; border:1px solid #eee9dc; border-radius:3px; margin-top:1px;}
	header form input.submit {float:left; margin-left:3px; width:28px; height:28px; background:url(../img/btn_search.png) no-repeat left top; line-height:0; font-size:0; cursor:pointer; border:none; opacity:0.87;}
	header form input.submit:hover {opacity:1;}
/***** End Header *****/

/***** Menuleft *****/
	.menuleft {width:232px; background-color:#03070f; float:left;}
	.menuleft .tab {width:100%; float:left;}
	.menuleft .tab .btn {width:100%; float:left; height:86px; background:url(../img/btn_menuleft.jpg) no-repeat left top; cursor:pointer;}
	.menuleft .tab:nth-child(1) .btn {background-position:left    top;}
	.menuleft .tab:nth-child(3) .btn {background-position:left  -86px;}
	.menuleft .tab:nth-child(2) .btn {background-position:left bottom;}

	.menuleft .tab.active:nth-child(1) .btn,
	.menuleft .tab:nth-child(1) .btn:hover {background-position:right    top;}
	.menuleft .tab.active:nth-child(3) .btn,
	.menuleft .tab:nth-child(3) .btn:hover {background-position:right  -86px;}
	.menuleft .tab.active:nth-child(2) .btn,
	.menuleft .tab:nth-child(2) .btn:hover {background-position:right bottom;}

	.menuleft .tab .box {width:100%; float:left; display:none;}
	.menuleft .tab .box a {padding:5px 0 0 51px; float:left; height:26px; width:181px; border-bottom:1px solid #aa975b; color:#aa975b; font-size:15px; font-family:Tahoma; background:url(../img/i_li_ml.png) no-repeat 33px 11px;}
	.menuleft .tab:nth-child(2) .box a:last-child {border-bottom:none;}
	.menuleft .tab .box a:hover,
	.menuleft .tab .box a.active {background:url(../img/i_li_ml_hv.png) no-repeat 33px 11px; background-color:#aa975b; color:#03070f;}
/***** End Menuleft *****/

/***** Content *****/
	.content {width:654px; float:left; min-height:810px; padding:36px; background:url(../img/bg_ctn_1.jpg) no-repeat left top, url(../img/bg_ctn_2.jpg) repeat-y center top;}
	.content h1.title {width:630px; padding:0 0 20px 24px; float:left; font-weight:400; font-size:26px; font-weight:bold; font-family:'UTMGodsWord'; color:#272727; line-height:1.2; background:url(../img/i_title.png) no-repeat left 9px; line-height:1;}
	.content .menu_class {width:100%; float:left; height:67px; margin-top:5px;}
	.content .menu_class a {height:67px; width:55px; float:left; background:url(../img/bg_class.png) no-repeat left top; position:relative; margin-left:17px;}
	.content .menu_class a:before {content:''; width:100%; height:100%; position:absolute; top:0; left:0; background:url(../img/i_class.png) no-repeat left top;}
	.content .menu_class a:nth-child(1):before {background-position:  left    top;}
	.content .menu_class a:nth-child(2):before {background-position: -55px    top;}
	.content .menu_class a:nth-child(3):before {background-position:-110px    top;}
	.content .menu_class a:nth-child(4):before {background-position: right    top;}
	.content .menu_class a:nth-child(5):before {background-position:  left bottom;}
	.content .menu_class a:nth-child(6):before {background-position: -55px bottom;}
	.content .menu_class a:nth-child(7):before {background-position:-110px bottom;}
	.content .menu_class a:nth-child(8):before {background-position: right bottom;}

	.content .menu_class a:hover:before,
	.content .menu_class a.active:before {
		-webkit-animation:moveIChar 600ms linear infinite;
				animation:moveIChar 600ms linear infinite;
	}

	@keyframes moveIChar {
		 25% {top:-1px;}
		 75% {top: 1px;}
	}

	.content .ctn_main {width:100%; float:left; margin-top:20px; padding-top:20px; border-top:1px solid #c9bd97;}
/***** End Content *****/

/***** Footer *****/
	footer {width:100%; height:81px; padding:18px 0; float:left; background:#000;}
	footer .container {text-align:center;}
	footer .container .logo {display:block; height:39px; float:left; margin-top:18px;}
	footer .container .logo.gosu {width:162px; height:42px; background:url(../img/logo_gosu.png) no-repeat center center; background-size:cover; margin-left:2px;}
	footer .container .logo.cubinet {width:238px; background:url(../img/logo_cubinet.png) no-repeat center center; background-size:cover;}
	footer .container .address {width:550px; height:81px; float:left; padding-top:0px;}
	footer .container .address p {text-align:center; width:100%; font-size:16px; font-family:Tahoma; float:left; color:#fff; margin-top:5px;}
	footer .container .address a {color:#fff; font-size:14px; font-family:Tahoma; padding:0 2px 0 5px; border-left:1px solid #fff; line-height:1;}
	footer .container .address a:first-child {border-left:none;}
	footer .container .address a:hover {color:#ff9427;}
/***** End Footer *****/

/***** Button Gotop *****/
	.gotop {
		width:67px; height:119px; position:fixed; bottom:124px; left:966px; background:url(../img/btn_gotop.png) no-repeat left bottom; cursor:pointer; opacity:0;
    	-webkit-transition: opacity 300ms ease;
           -moz-transition: opacity 300ms ease;
          	-ms-transition: opacity 300ms ease;
           	 -o-transition: opacity 300ms ease;
              	transition: opacity 300ms ease;
	}

	.gotop.active {opacity:0.87;}
	.gotop.active:hover {opacity:1;}
/***** End Button Gotop *****/

/*body.move {background-position: 960px 98px, 63px 128px, left top;}*/
body.move .menuleft {position:fixed; top:0; left:0;}
body.move .content {margin-left:232px;}

/******* TYPO *******/
	.content_detail {font-size:14px; font-family:Tahoma;}
	.content_detail iframe,
	.content_detail img {max-width:100%; margin:0 auto; display:block;}

	.content_detail .content-event-first {font-size:36px; line-height:1;}
	.content_detail .content-event-h1 {font-size:20px; color:#d04907; font-weight:bold; text-indent:30px; background:url(../img/h1.png) no-repeat left 3px; float:left; width:610px; margin-top:10px;}
	.content_detail .content-event-h2 {font-size:16px; font-weight:bold; text-indent:25px; background:url(../img/h2.png) no-repeat 13px 8px; float:left; width:610px; margin-top:7px;}
	.content_detail p {padding:5px 0 5px 15px; float:left; width:635px;}
	.content_detail ul {padding:0 0 0 15px; float:left; width:595px; margin-bottom:5px;}
	.content_detail ul li {padding:5px 0 5px 15px; float:left; width:620px; background:url(../img/i_li.png) no-repeat 3px 11px;}

	.content_detail table {font-family:Tahoma; font-size:13px; text-align:center; background-color:#fffdf6; margin-bottom:10px; margin-top:10px; border-collapse:collapse; margin:0 auto; max-width:100% !important;} 
	.content_detail table tr {border:1px solid #000; color:#000;}
	.content_detail table tr:nth-child(2n+1) {background:#f1f1f1;}
	.content_detail table tr:nth-child(2n) {background:#ddddbf;}
	.content_detail table tr:first-child {background:#781a08; color:#fff; font-weight:bold;}
	.content_detail table tr td {margin:0; padding:5px 10px; border:1px solid #000;}
	.content_detail table tr td ul {width:100%; padding:0;}
	.content_detail table tr td ul li {width:100%; padding-left:0; padding-right:0; text-indent:10px;}

	.content_detail table p {width:100%; padding:5px 0; text-align:center;}

	.content_detail a {color:#d04907; font-family:Tahoma;}
	.content_detail a:hover {text-decoration:underline;}

	.content_detail fieldset legend {color:#B00000; padding:0 15px;}
	.content_detail fieldset ul {padding:5px 10px 5px 20px; margin:0px;}
	.content_detail fieldset ul li {margin:0px; line-height:20px; text-align:justify; margin-bottom:5px;}
/******* End TYPO *******/