@charset "UTF-8";
@import url(../font-awesome/css/font-awesome.min.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/hover.css/2.1.0/css/hover.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css);
@import url(https://cdn.jsdelivr.net/bootstrap.daterangepicker/2/daterangepicker.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/aos/2.1.1/aos.css);
@import url(social.css);
@import url(https://regress-nage.com/scripts/bootstrap/3.3.7/css/bootstrap.min.css);
body {
	font-family:'Microsoft YaHei',sans-serif;
	min-width:1200px;
	padding:0;
	margin:0;
	list-style:none;
	overflow-x:hidden
}
ul {
	list-style-type:none
}
a:link {
	text-decoration:none
}
a:visited {
	text-decoration:none
}
a:hover {
	text-decoration:none
}
a:active {
	text-decoration:none
}
#particles-js {
	position:absolute;
	width:100%;
	height:650px;
	top:65px;
	background-image:url("");
	background-repeat:repeat;
	background-size:cover;
	background-position:50% 50%;
	z-index:1;
	pointer-events:none
}
.header_menu .menu_topbar_bg {
	width:100%;
	height:76px;
	margin:0 auto;
	padding:0 auto;
	background-color:#2b2a32;
	-webkit-box-shadow:1px 2px 3px rgba(0,0,0,.4),inset 0 1px 1px rgba(255,255,255,.2);
	-moz-box-shadow:1px 2px 3px rgba(0,0,0,.4),inset 0 1px 1px rgba(255,255,255,.2);
	box-shadow:1px 2px 3px rgba(0,0,0,.4),inset 0 1px 1px rgba(255,255,255,.2);
	border:1px solid 1px rgba(0,0,0,.4);
	position:fixed;
	z-index:50
}
.sub-menu-parent {
	height:76px;
	position:relative
}
.header_menu .sub-menu {
	visibility:hidden;
	opacity:0;
	position:absolute;
	top:100%;
	z-index:5;
	margin-left:-1px;
	left:0;
	width:105.8%;
	transform:translateY(-2em);
	z-index:-1;
	transition:all .3s ease-in-out 0s,visibility 0s linear .3s,z-index 0s linear .01s
}
.header_menu .sub-menu-parent:hover .sub-menu {
	visibility:visible;
	opacity:1;
	z-index:1;
	transform:translateY(0%);
	transition-delay:0s,0s,0.3s
}
.header_menu .sub-menu {
	font-size:12px;
	background-color:#2b2a32;
	-webkit-box-shadow:1px 2px 3px rgba(0,0,0,.4),inset 0 1px 1px rgba(255,255,255,.2);
	-moz-box-shadow:1px 2px 3px rgba(0,0,0,.4),inset 0 1px 1px rgba(255,255,255,.2);
	box-shadow:1px 2px 3px rgba(0,0,0,.4),inset 0 1px 1px rgba(255,255,255,.2);
	border:1px solid #000;
	border-top:0;
	padding:0 auto
}
.header_menu .sub-menu a {
	padding:10px 5px 10px 5px;
	border:solid 1px rgba(0,0,0,.1);
	border-top:0
}
.header_menu ul {
	width:1170px;
	margin:0 auto;
	list-style:none;
	padding-left:65px
}
.header_menu nav a {
	color:#fff;
	font-family:Open Sans,Kanit,sans-serif;
	display:block;
	padding:20px 22px;
	text-decoration:none
}
.header_menu nav a:hover {
	color:#f15422
}
.header_menu nav ul,.header_menu nav ul li {
	list-style-type:none;
	padding:0;
	margin:0
}
.header_menu nav span {
	font-weight:400;
	display:block;
	font-size:70%
}
.header_menu nav>ul {
	text-align:center;
	font-size: 18px;
}
.header_menu nav>ul>li {
	display:inline-block;
	border-left:solid 1px rgba(0,0,0,.1)
}
.header_menu nav>ul>li:first-child {
	border-left:none
}
.header-top {
	width:100%;
	height:778px;
	padding-top:5em;
	background-image:url("../../img/header-bg.jpg");
	background-size:cover;
	color:#FFF;
	position:relative
}
.header-top .col-right {
	width:55%;
	height:550px;
	float:left;
	position:relative;
	z-index:3
}
.header-top::after {
	display:block;
	content:"";
	position:relative;
	top: 7%;
	background:url(../../img/clouds.png) repeat-x left top;
	width:100%;
	height: 95px;
	background-position:50% 50%;
	z-index:5;
}
.header-top .logo {
	width:960px;
	height:622px;
	top:9%;
	left:6%;
	background-image:url(../../img/logo.png);
	background-size:100% auto;
	background-repeat:no-repeat;
	position:absolute;
	z-index:4
}
.header-top .col-left {
	padding-top:13.5em;
	font-family:"Poppins",Kanit;
	width:45%;
	float:left;
	font-size:14px;
	text-align:left
}
.header-top .col-left span {
	font-size:18px;
	font-weight:300;
	word-wrap:break-word
}
.header-top .btndownloadpc {
	width:100%;
	height:65px;
	position:relative;
	top:15px;
	background-color:#ffa800;
	border:5px solid #fff;
	margin:0 auto;
	border-radius:8px;
	text-align:left;
	font-family:Poppins,Kanit,sans-serif;
	z-index:6
}
.btndownloadpc:focus,.btndownloadpc.focus {
	color:#FFF;
	background-color:#516fad
}
.btndownloadpc:hover {
	color:#FFF;
	background-color:#516fad
}
.btndownloadpc a:hover {
	color:#FFF
}
.header-top,.btndownloadpc,.btndownloadand,div a {
	color:#fff
}
.header-top .btndownloadand {
	width:100%;
	height:65px;
	position:relative;
	top:15px;
	background-color:#f15422;
	border:5px solid #fff;
	margin:0 auto;
	border-radius:8px;
	text-align:left;
	font-family:Poppins,Kanit,sans-serif;
	z-index:3
}
.btndownloadand:focus,.btndownloadand.focus {
	color:#FFF;
	background-color:#00bfd7
}
.btndownloadand:hover {
	color:#FFF;
	background-color:#00bfd7
}
.btndownloadand a:hover {
	color:#FFF
}
.header-top .text-btn {
	padding:9px 10px 10px 10px
}
.header-top .text-btn .icon-btn {
	padding:5px 10px 10px 5px;
	float:left
}
.header-top .text-btn .body-btn {
	float:left;
	font-size: 16px;
	font-weight:500;
}
.features {
	padding:0 0 50px 0;
	margin-top:-101px;
	position:relative;
	z-index:15
}
.features .feature::before {
	padding:10px;
	width:142px;
	height:142px;
	border-radius:18px;
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
	content:'';
	position:absolute;
	top:0;
	left:26px;
	background-color:#fff;
	-webkit-box-shadow:2.5px 4.33px 54px 0 rgba(0,0,0,0.1);
	box-shadow:2.5px 4.33px 54px 0 rgba(0,0,0,0.1);
	z-index:0
}
.online {
	color:#87da25
}
.offline {
	color:#f00
}
.features .feature .status {
	font-size:18px;
	font-family:"Poppins",Kanit;
	position:relative;
	display:block;
	z-index:5;
	text-align:center
}
.features .feature .onlineCount {
	font-size:48px;
	font-family:"Poppins",Kanit;
	font-weight:600;
	color:#666;
	line-height:1;
	padding-top:36px;
	position:relative;
	display:block;
	z-index:5;
	text-align:center
}
.features .feature .onlineCount>small {
	font-size:14px;
	color:#87da25;
	font-family:"Poppins",Kanit;
	display:block;
	font-weight:500;
	margin-top:15px;
	position:relative;
	display:block;
	z-index:5;
	text-align:center
}
.features .feature>.feature-icon {
	font-size:36px;
	color:#ddd;
	padding:28px 0 15px 10px;
	line-height:1;
	left:-2px;
	position:relative;
	display:block;
	z-index:5;
	text-align:center
}
.features .feature>.feature-text {
	font-size:14px;
	color:#fff;
	line-height:1.2;
	font-family:"Poppins",Kanit;
	font-weight:300;
	position:relative;
	display:block;
	z-index:5;
	text-align:center
}
.slider {
	}.slider .slide_text h3 {
	padding-left:10px;
	font-weight:600;
	padding-top:30px;
	font-size:26px;
	font-family:Open Sans,Kanit,sans-serif;
	text-align:center
}
.thumb-boxnews {
	border-radius:8px 8px 0 0;
	overflow:hidden
}
.boxnews .thumb-boxnews img {
	-webkit-transition-property:-ms-transform,transform,-webkit-transform;
	-webkit-transition-duration:.5s;
	-webkit-transition-timing-function:ease;
	transition-property:-ms-transform,transform,-webkit-transform;
	transition-duration:.5s;
	transition-timing-function:ease
}
.boxnews:hover .thumb-boxnews img {
	-ms-transform:rotate(10deg) scale(1.5,1.5);
	-webkit-transform:rotate(10deg) scale(1.5,1.5);
	transform:rotate(10deg) scale(1.5,1.5)
}
.activitie_tab {
	background:#fff;
	padding:3em 0 0 0;
	position:relative;
	z-index:5
}
.activitie_tab .activitie_text {
	line-height:23px;
	padding-bottom:3.3em;
	text-align:center
}
.activitie_tab .activitie_text p {
	margin-bottom:0;
	font-size:14px;
	color:#aaa;
	letter-spacing:2px
}
.activitie_tab .activitie_text h2 {
	font-weight:600;
	font-family:Open Sans,Kanit,sans-serif
}
.activitie_tab .nav>li {
	display:block;
	font-family:"Poppins",Kanit;
	float:none;
	margin-bottom:11px;
	border-radius:0
}
.activitie_tab .nav>li small {
	color:#fff
}
.activitie_tab .nav>li.active small {
	color:#fff
}
.activitie_tab .nav>li:last-child a {
	width:120px;
	float:right;
	padding-top:25px;
	text-align:center;
	padding-left:0
}
.activitie_tab .nav>li:last-child:after:before,.activitie_tab .nav>li:last-child:after:after {
	content:" ";
	display:table
}
.activitie_tab .nav>li>a {
	height:72px;
	text-transform:none;
	font-weight:700;
	background:#e9cf61;
	color:#fff;
	padding:18px 0 18px 75px;
	position:relative;
	border-radius:6px;
	font-size:18px;
	line-height:1;
	margin:0;
	border:0;
	-webkit-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease
}
.activitie_tab .nav>li>a:before {
	position:absolute;
	right:-8px;
	top:27px;
	width:16px;
	height:16px;
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
	background-color:#f15422;
	background-image:linear-gradient(to bottom,#f15422,#e9cf61);
	content:'';
	-webkit-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
	opacity:0
}
.activitie_tab .nav>li>a img {
	position:absolute;
	top:6px;
	left:7px;
	border-radius:6px
}
.activitie_tab .nav>li>a>small {
	display:block;
	margin-top:3px;
	font-weight:400;
	font-size:14px
}
.activitie_tab .nav>li.active a {
	width:100%;
	color:#FFF;
	background-color:#e9cf61;
	background-image:linear-gradient(to bottom,#f15422,#f15422);
	position:relative
}
.activitie_tab .nav>li.active a:before {
	opacity:1
}
.activitie_tab .news-item {
	background:#FFF;
	height:317px;
	-webkit-box-shadow:2.5px 4.33px 54px 0 rgba(0,0,0,0.1);
	box-shadow:2.5px 4.33px 54px 0 rgba(0,0,0,0.1);
	margin:0 0 15px
}
.activitie_tab .news-item .news-info {
	font-size:18px;
	font-weight:700
}
.news-info a {
	color:#90cc00;
	font-size:18px;
	font-weight:500;
	display:-webkit-box;
	-webkit-line-clamp:1;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	overflow:hidden
}
.activitie_tab .news-item .news-info span {
	font-size:16px;
	color:#516fad;
	font-weight:400
}
.activitie_tab .news-item .news-info p {
	font-size:14px;
	font-weight:400;
	padding-top:3px
}
.activitie_tab .news-item .latest-description p {
	font-size:14px
}
.stat_section {
	width:100%;
	min-height:300px;
	background-image:url(../../img/bg_castle.png);
	background-repeat:repeat;
	float:left;
	padding-top:5em;
	padding-bottom:5em;
	position:relative;
	z-index:5
}
.stattotal {
	padding:0 auto;
	float:left;
	margin:0 auto
}
.stattotal .stats {
	font-size:50px;
	font-family:"Anton",Kanit;
	border-radius:12px;
	background:#fff;
	font-weight:400;
	color:#606d40;
	text-align:center;
	min-height:155px;
	position:relative;
	padding:65px 0 40px 0;
	line-height:1;
	-webkit-box-shadow:2.5px 4.33px 54px 0 rgba(0,0,0,0.1);
	box-shadow:2.5px 4.33px 54px 0 rgba(0,0,0,0.1)
}
.stattotal .stats i {
	font-size:48px
}
.stattotal .stats .text {
	position:absolute;
	top:20px;
	left:20px;
	font-size:20px;
	color:#aaa;
	line-height:1;
	padding-left:15px
}
.stattotal .stats .text::before {
	background:#87da25;
	width:10px;
	height:10px;
	content:'';
	position:absolute;
	top:2px;
	left:0;
	border-radius:50%
}
.news-item {
	width:100%;
	position:relative;
	margin:0 10px 15px 10px;
	border-radius:8px 8px 0 0
}
.news-item .news-image {
	position:relative;
	border-radius:8px 8px 0 0
}
.news-item .news-image img {
	border-radius:8px 8px 0 0
}
.news-item .latest-description {
	padding-left:10px;
	padding-right:10px;
	padding-top:4px;
	width:100%
}
.news-item .latest-description p {
	font-weight:400;
	font-size:14px;
	margin:6px 0;
	line-height:1.4;
	color:#aaa
}
.label-latest {
	float:right;
	color:#fff;
	text-align:center;
	padding:1px 4px 2px 4px;
	border-radius:100px;
	position:relative;
	left:0;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:11px;
}
.label-boxnews-promotion {
	background-color:#fe4c6d
}
.label-boxnews-update {
	background-color:#fe854c
}
.label-boxnews-activities {
	background-color:#83c96a
}
.label-boxnews-notice {
	background-color:#6ab5e9
}
.label-boxnews-gameguide {
	background-color:#3f55b4
}
.label-boxnews-specialsys {
	background-color:#586cab
}
.cut-text-multi {
	height:4.8em;
	display:-webkit-box;
	font-family:Kanit;
	-webkit-line-clamp:3;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	overflow:hidden
}
.text-date-box {
	margin-top:px
}
.system_special ..text-date-box {
	margin-top:1px
}
.text-date-box small {
	font-family:"Poppins",Kanit;
	font-weight:200;
	font-size:15px;
	color:#ccc;
}
.facebookfanpage {
	-webkit-box-shadow:2.5px 4.33px 54px 0 rgba(0,0,0,0.1);
	box-shadow:2.5px 4.33px 54px 0 rgba(0,0,0,0.1);
	margin-top:10px
}
.right {
	float:right
}
.left {
	float:left
}
.live-charLeft {
	position:absolute;
	left:3em;
	top:12.2em;
	width:299px;
	height:302px;
	background-image:url(../../img/live-charLeft.png);
	background-size:100% auto;
	background-repeat:no-repeat;
	z-index:6
}
.live-charRight {
	position:absolute;
	right:-1em;
	top:-8em;
	width:427px;
	height:600px;
	background-image:url(../../img/live-charRight.png);
	background-size:100% auto;
	background-repeat:no-repeat;
	z-index:6
}
.fb-box {
	min-height:190px;
	z-index:5;
	background:#fff;
	border-radius:4px;
	margin:3.5em 0 2em 0;
	padding:3px 10px 3px 10px
}
.fb-comments {
	position:relative;
	z-index:10px
}
.woe-charLeft {
	position:absolute;
	left:10px;
	top:0;
	width:527px;
	height:573px;
	background-image:url(../../img/woe-charLeft.png);
	background-size:100% auto;
	background-repeat:no-repeat;
	z-index:2
}
.woe-faceLeft {
	position:absolute;
	width:280px;
	height:145px;
	right:0;
	top:30em;
	background-image:url(../../img/woe_poli.png);
	background-size:100% auto;
	background-repeat:no-repeat;
	margin-right:25em;
	z-index:15
}
.war-section {
	width:100%;
	min-height:500px;
	background-image:url("../../img/header-woe.jpg");
	background-position:50% 50%;
	color:#fff;
	font-family:Open Sans,Kanit,sans-serif;
	position:relative;
	z-index:3px
}
.war-section .woe-schd-flag {
	padding:10em 0 5em
}
.war-section h2 {
	color:#ffa234;
	text-align:center;
	margin-left:-20px
}
.report_font {
	position:absolute;
	text-align:center;
	border-radius:30px;
	right:5.3em;
	bottom:-42%;
	z-index:3px
}
.war-section h3 {
	color:#fff;
	font-weight:500
}
.war-section .woe-text {
	color:#fff;
	text-indent:30px;
	font-size:16px;
	position:relative;
	z-index:3px
}
.woe-bg {
	margin-top:15px
}
.war-section .woe-text .table {
	text-indent:0;
	margin-top:10px;
	margin-left:10px
}
.war-section .woe-text .table tr>td {
	border-top:0;
	padding:4px
}
.war-section .war-castles {
	background:url("../../img/flags-bg.png") center top no-repeat;
	height:244px;
	margin-top:50px
}
.war-section .war-castles .flags {
	position:relative
}
.war-section .war-castles .flags img {
	position:absolute;
	top:0;
	left:0
}
.war-section .war-castles .flags img:first-child {
	top:146px;
	left:69px
}
.war-section .war-castles .flags img:nth-child(2) {
	top:100px;
	left:174px
}
.war-section .war-castles .flags img:last-child {
	top:146px;
	left:278px
}
.info-txt p {
	text-align:left;
	padding:0 20px;
	line-height:1
}
.info-tit {
	text-transform:uppercase;
	margin-bottom:5px
}
.char-left {
	top:35px;
	left:-10px
}
.rankings {
	width:100%;
	font-size:12px;
	position:relative
}
.rankings table tr td:hover {
	color:#90cc00
}
.rankings table tr td:last-child {
	text-align:center
}
.pvpladder {
	width:100%;
	position:relative;
	top:-15px;
	left:0
}
.rankings table {
	border-collapse:separate;
	border-spacing:0 8px;
	padding:20px;
	padding-bottom:0;
	width:100%
}
.rankings table tr td,.rankings table tr th {
	vertical-align:middle;
	line-height:20px
}
.rankings .kills,.num,.rankings .name {
	height:25px;
	line-height:25px;
	border-radius:4px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
.rankings table tr th {
	text-align:right;
	font-size:14px;
	font-weight:400;
	padding:0 auto;
	color:#fff
}
.rankings .name {
	width:70%;
	background-color:#f5f5f5;
	border:1px solid #eee;
	text-align:center;
	text-transform:uppercase;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
	font-weight:600
}
.rankings .kills {
	width:61px;
	background-color:#f5f5f5;
	border:1px solid #eee;
	color:#fff;
	height:27px;
	line-height:27px;
	text-align:center;
	float:right
}
.rankings .num {
	width:61px;
	background-color:#f5f5f5;
	border:1px solid #eee;
	height:27px;
	line-height:27px;
	color:#fff;
	text-align:center;
	float:left
}
.guild_box_site {
	float:left;
	width:18.2%;
	margin:10px;
	padding:10px;
	height:182px;
	background:#FFF;
	border-radius:12px;
	text-align:center;
	-webkit-box-shadow:2.5px 4.33px 54px 0 rgba(0,0,0,0.1);
	box-shadow:2.5px 4.33px 54px 0 rgba(0,0,0,0.1);
}
.guild_box_site span {
	color:#fff;
	text-align:center;
	font-size:12px;
	margin-top:-5px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
.ffoe p {
	color:#6ebe2d;
	font-size:12px;
	margin-top:-5px;
	text-align:center;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
.ffoe {
	margin:10px auto
}
.guildembled2 {
	position:relative;
	background:url('../../img/icon/war-flag.png') no-repeat;
	width:77px;
	height:91px;
	margin:auto
}
.guildembled2 .emmm {
	position:absolute;
	width:24px;
	height:24px;
	background:#ccc;
	top:30px;
	left:27px
}
.no_emblem {
	width:24;
	height:24px;
	background-image:url('../../img/icon/noemblem.jpg');
	margin:0 auto;
	background-color:#000
}
.viewpage {
	margin-top:15px;
	margin-bottom:15px;
	background-color:#e9ecef;
	border-radius:8px;
	padding:10px
}
.text-right {
	float:right;
	vertical-align:center;
	text-align:right
}
.normal {
	font-weight:normal
}
.gray {
	color:#cdcdcd
}
.black {
	color:#000
}
.blue {
	color:#2d526c
}
.pink {
	color:#6ebe2d
}
.light-blue {
	color:#36acfe
}
.red {
	color:#c10001
}
.hard_blue {
	color:#344582
}
.green {
	color:#7cd018
}
.white {
	color:#fff
}
.yellow {
	color:#f29b10
}
.yellow_light {
	color:#f1b331
}
.marquee_text {
	width:100%;
	height:40px;
	line-height:40px;
	margin-top:26px;
	padding-left:10px;
	padding-right:10px;
	background-color:#1a1a1a;
	-webkit-box-shadow:1px 2px 3px rgba(0,0,0,.4),inset 0 1px 1px rgba(255,255,255,.2);
	-moz-box-shadow:1px 2px 3px rgba(0,0,0,.4),inset 0 1px 1px rgba(255,255,255,.2);
	box-shadow:1px 2px 3px rgba(0,0,0,.4),inset 0 1px 1px rgba(255,255,255,.2);
	border:1px solid #000;
	color:#fff;
	text-decoration:none
}
.fanpage {
	margin-top:15px;
	width:100%;
	background-color:#1a1a1a;
	-webkit-box-shadow:1px 2px 3px rgba(0,0,0,.4),inset 0 1px 1px rgba(255,255,255,.2);
	-moz-box-shadow:1px 2px 3px rgba(0,0,0,.4),inset 0 1px 1px rgba(255,255,255,.2);
	box-shadow:1px 2px 3px rgba(0,0,0,.4),inset 0 1px 1px rgba(255,255,255,.2);
	border:1px solid #000;
	padding:10px
}
.box-page {
	margin-top:30px;
	padding:20px;
	width:1170px;
	min-height:500px;
	background-color:#0e0f0f;
	border:1px solid #1f1f1f;
	border-radius:4px
}
.view_container {
	padding-bottom:30px;
	background-color:#121010;
	-webkit-box-shadow:1px 2px 3px rgba(0,0,0,.4),inset 0 1px 1px rgba(255,255,255,.2);
	-moz-box-shadow:1px 2px 3px rgba(0,0,0,.4),inset 0 1px 1px rgba(255,255,255,.2);
	box-shadow:1px 2px 3px rgba(0,0,0,.4),inset 0 1px 1px rgba(255,255,255,.2);
	border:1px solid #000
}
.view_container h2 {
	color:#fff
}
.gray_light {
	color:#aaa
}
.text_center {
	text-align:left;
	padding-bottom:20px
}
.text_center h3 {
	width:45%;
	height:26px;
	display:-webkit-box;
	-webkit-line-clamp:1;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	overflow:hidden
}
.sky {
	height:225px;
	width:100%;
	overflow:hidden;
	position:absolute;
	bottom:0;
	z-index:0;
}
.clouds_one {
	background:url(../../img/cloud.png);
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:300%;
	-webkit-animation:cloud_one 130s linear infinite;
	-moz-animation:cloud_one 130s linear infinite;
	-o-animation:cloud_one 130s linear infinite;
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	-o-transform:translate3d(0,0,0);
	-moz-transform:scaleX(-1);
	-o-transform:scaleX(-1);
	-webkit-transform:scaleX(-1);
	transform:scaleX(-1);
	filter:FlipH;
	-ms-filter:"FlipH"
}
.clouds_two {
	background:url(../../img/cloud.png);
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:300%;
	-webkit-animation:cloud_two 50s linear infinite;
	-moz-animation:cloud_two 50s linear infinite;
	-o-animation:cloud_two 50s linear infinite;
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	-o-transform:translate3d(0,0,0)
}
.clouds_three {
	background:url(../../img/cloud.png);
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:300%;
	-webkit-animation:cloud_three 200s linear infinite;
	-moz-animation:cloud_three 200s linear infinite;
	-o-animation:cloud_three 200s linear infinite;
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	-o-transform:translate3d(0,0,0);
	-moz-transform:scaleX(-1);
	-o-transform:scaleX(-1);
	-webkit-transform:scaleX(-1);
	transform:scaleX(-1);
	filter:FlipH;
	-ms-filter:"FlipH"
}
@-webkit-keyframes cloud_one {
	0% {
	left:0
}
100% {
	left:-200%
}
}@-webkit-keyframes cloud_two {
	0% {
	left:0
}
100% {
	left:-200%
}
}@-webkit-keyframes cloud_three {
	0% {
	left:0
}
100% {
	left:-200%
}
}@-moz-keyframes cloud_one {
	0% {
	left:0
}
100% {
	left:-200%
}
}@-moz-keyframes cloud_two {
	0% {
	left:0
}
100% {
	left:-200%
}
}@-moz-keyframes cloud_three {
	0% {
	left:0
}
100% {
	left:-200%
}
}.footer {
	color:#fff;
	min-height:92px;
	line-height:20px;
	text-align:left;
	padding-top: 20px;
	padding-left:20px;
	background-color:#2b2a32;
	font-family:"Poppins",Kanit;
	font-size:12px;
	position:relative;
	z-index:5;
	margin-top: 20px;
}
.numcount {
	position:relativel;
	bottom:0;
	margin:auto;
	width:100%;
	height:52px;
	text-align:center;
	font-size:inherit;
	line-height:52px
}
.text-letter {
	letter-spacing:2px
}
.header_content::after {
	display:block;
	content:"";
	position:relative;
	top:275px;
	margin-bottom:130px;
	background:url(../../img/clouds.png) repeat-x left top;
	width:100%;
	height:95px;
	background-position:50% 50%;
	z-index:5
}
.header_content {
	width:100%;
	min-height:350px;
	background-image:url("../../img/header-bg.jpg");
	position:relative
}
.content_text {
	font-family:"Poppins",Kanit;
	position:absolute;
	width:100%;
	margin:0 auto;
	color: #56352c;
	left:0;
	right:0;
	top:8.5em;
	font-size:16.7px;
	text-align:center;
}
.content_text h1 {
	font-size:50px;
	margin-bottom:0;
	padding-bottom:0;
	text-align:center
}
.container .content {
	padding:50px 0;
	min-height:500px;
	padding:30px;
	margin-top:-120px;
	position:relative;
	z-index:2
}
.content .news-item{
	background:#FFF;
	box-shadow:2.5px 4.33px 54px 0 rgba(0,0,0,0.1);
	height:380px;
}
table-condensed thead {
	color:#09f
}
.daterangepicker .calendar td.available {
	color:#ccc
}
.daterangepicker .calendar td.off {
	color:#666
}
.daterangepicker .calendar th,.daterangepicker .calendar td {
	min-width:auto
}
.table-condensed {
	color:#666
}
#myBtn {
	display:none;
	font-size:18px;
	width:46px;
	height:46px;
	transition:all .5s ease;
	position:fixed;
	bottom:0;
	right:11px;
	z-index:99;
	border:0;
	outline:0;
	background-color:#2d3f4c;
	border-radius:3px 3px 0 0;
	color:white;
	cursor:pointer;
	padding:10px;
	-webkit-box-shadow:0 5px 5px 0 rgba(0,0,0,0.08);
	-moz-box-shadow:0 5px 5px 0 rgba(0,0,0,0.08);
	box-shadow:0 5px 5px 0 rgba(0,0,0,0.08)
}
.special_system {
	padding-top:4em;
	padding-bottom:5em
}
.special_system .activitie_text {
	line-height:23px;
	padding-bottom:3.3em;
	text-align:center
}
.special_system .activitie_text p {
	margin-bottom:0;
	font-size:14px;
	color:#aaa;
	letter-spacing:2px
}
.special_system .activitie_text h2 {
	font-weight:600;
	font-family:Open Sans,Kanit,sans-serif
}
.special_system .nav>li {
	display:block;
	font-family:"Poppins",Kanit;
	float:none;
	margin-bottom:11px;
	border-radius:0
}
.special_system .nav>li small {
	color:#999
}
.special_system .nav>li.active small {
	color:#fff
}
.special_system .nav>li:last-child a {
	width:120px;
	float:right;
	padding-top:25px;
	text-align:center;
	padding-left:0
}
.special_system .nav>li:last-child:after:before,.special_system .nav>li:last-child:after:after {
	content:" ";
	display:table
}
.special_system .nav>li>a {
	height:72px;
	text-transform:none;
	font-weight:700;
	background:#eee;
	color:#aeaeae;
	padding:18px 0 18px 75px;
	position:relative;
	border-radius:6px;
	font-size:18px;
	line-height:1;
	margin:0;
	border:0;
	-webkit-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease
}
.special_system .nav>li>a img {
	position:absolute;
	top:6px;
	left:7px;
	border-radius:6px
}
.special_system .nav>li>a>small {
	display:block;
	margin-top:3px;
	font-weight:400;
	font-size:14px
}
.special_system .nav>li.active a {
	width:100%;
	color:#FFF;
	background-color:#e9cf61;
	background-image:linear-gradient(to bottom,#90cc00,#f15422);
	position:relative
}
.special_system .nav>li.active a:before {
	opacity:1
}
.special_system .news-item {
	background:#FFF;
	height:317px;
	-webkit-box-shadow:2.5px 4.33px 54px 0 rgba(0,0,0,0.1);
	box-shadow:2.5px 4.33px 54px 0 rgba(0,0,0,0.1);
	margin:0 0 15px
}
.special_system .news-item .news-info {
	font-size:18px;
	font-weight:700
}
.news-info a {
	color:#90cc00;
	font-size:18px;
	font-weight:500;
	display:-webkit-box;
	-webkit-line-clamp:1;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	overflow:hidden
}
.special_system .news-item .news-info span {
	font-size:16px;
	color:#516fad;
	font-weight:400
}
.special_system .news-item .news-info p {
	font-size:14px;
	font-weight:400;
	padding-top:3px
}
.special_system .news-item .latest-description p {
	font-size:14px
}
.activities_char {
	position:absolute;
	left:0;
	bottom:-16.5em;
	width:300px;
	height:223px;
	background-image:url(../../img/orc_cha.png);
	background-size:100% auto;
	background-repeat:no-repeat;
	z-index:1
}
table-condensed thead {
	color:#09f
}
.daterangepicker .calendar td.available {
	color:#ccc
}
.daterangepicker .calendar td.available.active {
	color:#fff
}
.daterangepicker .calendar td.off {
	color:#666
}
.daterangepicker .calendar th,.daterangepicker .calendar td {
	min-width:auto
}
.table-condensed {
	color:#666
}
#myBtn:hover {
	text-decoration:none
}
.sponsor {
	padding-top:11px;
	color:#fff
}
.sponsor a {
	color:#fff
}
.android_middle {
	width:100%;
	padding-top:60px;
	padding-bottom:5px;
	background-color:#2e2d35;
	color:#FFF;
	word-wrap:break-word;
	position:relative;
	z-index:10
}
.android-right {
	width:100%;
	padding-left:130px;
	padding-bottom:5em;
	font-family:"Poppins",Kanit;
}
.android-right ul {
	padding-left:20px;
	line-height:26px;
}
.android-right li a {
	transition:0.4s;
	text-decoration:none;
	padding:0px 10px 0px 10px;
	color:#cdcdcd;
}
.android-right li:hover {
	color:#fff;
}
.breadcrumb {
	padding:8px 15px;
	margin-bottom:20px;
	list-style:none;
	background-color:#e9ecef;
	border-radius:4px
}
.breadcrumb a {
	color:#2d526c
}
.breadcrumb a:hover {
	color:#a3a3a3
}
.breadcrumb>li {
	display:inline-block
}
.breadcrumb>li+li:before {
	padding:0 5px;
	color:rgba(0,0,0,.6);
	content:"|\00a0"
}
.breadcrumb>.active {
	color:rgba(0,0,0,.6)
}
@media(max-width:1170px) {
	body,html {
	width:1200px;
	overflow-x:hidden
}
}}