/* ------------------------------------------
  SYKU'S STYLES
--------------------------------------------- */
body, div,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, dl, dt, dd, ol, ul, li, hr,
fieldset, form, label, legend, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section,
summary, hgroup {
  margin: 0;
  padding: 0;
  border: 0;
}
a:active,
a:hover {
  outline: 0;
}
img {
border:none;
}
li {
list-style-type:none;
}
@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }

body {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  color: #37302a;
  background: #ebebeb;
  font: normal 100%/1.4 sans-serif;
}
.responsive-image{
	width:100%;
}
.mar-bottom {
margin-bottom:20px;
}
.mar-top {
margin-top:14px;
}
.nav-collapse ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  list-style: none;
}

.nav-collapse li {
  width: 100%;
  display: block;
}

.js .nav-collapse {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1;
}

.nav-collapse.opened {
  max-height: 9999px;
}

.disable-pointer-events {
  pointer-events: none !important;
}

.nav-toggle {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.nav-collapse,
.nav-collapse * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.nav-collapse,
.nav-collapse ul {
  list-style: none;
  width: 100%;
  float: left;
}

.nav-collapse li {
  float: left;
  width: 100%;
}

.nav-collapse a {
  color: #fff;
  text-decoration: none;
  width: 100%;
  background: #1fc5b1;
  border-bottom: #c0e5d4 1px solid;
  padding: 0.7em 1em;
  float: left;
}
.nav-collapse a:hover {
  background:#44b5df;
}
.nav-collapse .active a {
  background: #44b5df;
}
.nav-collapse .active a:hover {
  background: #44b5df;
}

.nav-collapse ul a {
  background: #1fc5b1;
  padding-left: 2em;
}

.nav-toggle {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 50px;
  height: 50px;
  float: right;
  text-indent: -9999px;
  overflow: hidden;
  background: #44b5df url("../img/hamburger.gif") no-repeat 70% 50%;
}

 .nav-toggle {
   
    -webkit-background-size: 100px 100px;
    -moz-background-size: 100px 100px;
    -o-background-size: 100px 100px;
    background-size: 100px 100px;
  }

.header {
background:#ffffff;
border-bottom:#dedede 1px solid;
}
.header_t {
float:left;
font-size:16px;
}
.header_t h1 {
padding-top:7px;
color:#333333;
font-size:18px;
}
.header_t h1 img {
max-height:36px;
}
.header_t a {
color:#333333;
text-decoration:none;
}
.fixed-top{position:fixed;right:0;left:0;z-index:9999;top:0;border-width:0 0 1px;}
/**.fixed-top{z-index:999; position:fixed; top:0; left:0; width:100%; _position:absolute;}**/

.header_sub {
height:50px;
}
.wrap {
background:#ffffff;
float:left;
width:100%;
}
.content{
	margin-left:20px;
	margin-right:20px;
}
.container{
	width:100%;
	float:left;
}
.banner {
width:100%;
float:left;
}
.menu_out {
width:100%;
float:left;
padding-top:6px;
padding-bottom:6px;
background:#ffffff;
height:55px;
}
.menu {
}
.menu a {
color:#333333;
text-decoration:none;
}
.menu li {
float:left;
width:20%;
text-align:center;
line-height:30px;
height:30px;
}
.menu li a {
width:100%;
display:inline-block;
border-right:#ccc 1px dashed;
padding-top:25px;
}
.menu01 {
background-image:url(../img/menu01.png);
background-repeat:no-repeat;
background-position:50% 50%;
background-size:22px 22px;
}
.menu02 {
background-image:url(../img/menu02.png);
background-repeat:no-repeat;
background-position:50% 50%;
background-size:22px 22px;
}
.menu03 {
background-image:url(../img/menu03.png);
background-repeat:no-repeat;
background-position:50% 50%;
background-size:22px 22px;
}
.menu04 {
background-image:url(../img/menu04.png);
background-repeat:no-repeat;
background-position:50% 50%;
background-size:25px 25px;
}
.menu05 {
background-image:url(../img/menu05.png);
background-repeat:no-repeat;
background-position:50% 50%;
background-size:25px 25px;
}
.con-tt {
width:100%;
float:left;
border-bottom:#dedede 1px solid;
height:36px;
line-height:36px;
}
.con-tt a {
color:#666666;
text-decoration:none;
}
.con-tt h2 {
padding-left:14px;
font-size:18px;
font-weight:normal;
padding-right:14px;
}
.con-tt b {
border-left:#ff4e00 5px solid;
padding-left:12px;
font-weight:normal;
}
.con-tt i {
float:right;
font-style:normal;
font-size:14px;
}
.con-txt {
padding-left:14px;
padding-right:14px;
float:left;
color:#666666;
line-height:26px;
padding-top:10px;
}
.con-txt h3 {
font-size:16px;
color:#ff4e00;
}
.con-txt a {
color:#ff7300;
text-decoration:none;
}
.con-txt a:hover {
color:#057cb8;
}
.in-box-w {
float:left;
padding-left:14px;
padding-right:14px;
padding-bottom:10px;
}
.in-box {
width:100%;
float:left;
color:#666666;
line-height:26px;
padding-top:10px;
}
.in-box h3 {
font-size:16px;
color:#ff4e00;
border-bottom:#666 1px dotted;
height:26px;
line-height:26px;
}
.in-box h3 b {
float:left;
}
.in-box h3 i {
float:right;
font-style:normal;
color:#666666;
font-weight:normal;
font-size:14px;
}
.in-box .i-down {
padding-right:14px;
background:url(../img/icon-down.png) right center no-repeat;
}
.in-box .i-up {
padding-right:14px;
background:url(../img/icon-up.png) right center no-repeat;
}
.in-box ul {
display:none;
}
.in-box li {
float:left;
width:100%;
padding-top:6px;
}
.in-box li span{
font-weight:bold;
}

.img-txt {
padding-left:14px;
padding-right:14px;
float:left;
color:#666666;
line-height:26px;
padding-top:10px;
}
.img-txt .fl {
float:left;
width:40%;
}
.img-txt img {
width:100%;
}
.img-txt .fr {
float:left;
width:60%;
padding-top:14px;
}
.img-txt .fr h3 {
font-size:16px;
padding-left:14px;
}
.img-txt .fr h4 {
font-size:15px;
padding-left:14px;
font-weight:normal;
}
.img-txt .fr h5 {
font-size:14px;
padding-left:14px;
color:#ff4e00;
}
.img-txt .fr h6 {
font-size:14px;
padding-left:14px;
font-weight:normal;
}
.img-txt .fr p {
display:none;
padding-left:14px;
}

.altrowstable {
	font-family: verdana,arial,sans-serif;
	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: #D7D7D7;
	border-collapse: collapse;
	width:100%;
}
.altrowstable th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #D7D7D7;
}
.altrowstable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #D7D7D7;
	line-height:26px;
}
.altrowstable .tdcenter {
text-align:center;
}
.th_title {
width:100%;
text-align:center;
color:#333333;
}
.th_title1 {
width:25%;
text-align:center;
color:#333333;
}
.th_title2 {
width:50%;
text-align:center;
color:#333333;
}
.th_title3 {
width:20%;
text-align:center;
color:#333333;
}
.oddrowcolor{
	background-color:#FFFFFF;
}
.evenrowcolor{
	background-color:#F6F6F6;
}

.con-li {
width:100%;
float:left;

}
.con-li li{
float:left;
width:47%;
height:30px;
line-height:30px;
margin-top:10px;
text-align:center;
background:#f5f5f5;
}
.con-li li p {
border-left:#cccccc 2px solid;
}
.con-li li:nth-child(even) {
margin-left:6%;
}
.con-li li a {
display:block;
height:36px;
line-height:36px;
text-align:center;
color:#666666;
background:#f5f5f5;
text-decoration:none;
}
.con-li li a:hover {
display:block;
color:#ff7300;
}
.con-li li p:hover {
border-left:#ff7300 2px solid;
}
.con-lis {
width:100%;
float:left;
}
.con-lis li{
float:left;
width:100%;
height:30px;
line-height:30px;
margin-top:10px;
text-align:center;
background:#f5f5f5;
}
.con-lis li p {
border-left:#cccccc 2px solid;
}
.con-lis li a {
display:block;
height:36px;
line-height:36px;
text-align:center;
color:#666666;
background:#f5f5f5;
text-decoration:none;
}
.con-lis li a:hover {
display:block;
color:#ff7300;
}
.con-lis li p:hover {
border-left:#ff7300 2px solid;
}
.con-path {
height:36px;
line-height:36px;
background:#f5f5f5;
color:#666666;
}
.con-path p {
border-left:#057CB8 3px solid;
padding-left:10px;
}
.con-path a {
color:#666666;
text-decoration:none;
}
.con-arc {
float:left;
width:100%;
}
.con-arc-t {
float:left;
width:100%;
font-size:22px;
color:#333333;
font-weight:bold;
padding-top:14px;
padding-bottom:6px;
text-align:center;
}
.con-arc-a {
float:left;
width:100%;
border-bottom:#ebebeb 1px solid;
color:#949494;
font-size:14px;
padding-bottom:6px;
text-align:center;
}
.con-arc-a b {
padding-left:10px;
font-weight:normal;
}
.con-arc-m {
float:left;
width:100%;
color:#333333;
line-height:30px;
font-size:18px;
padding-top:10px;
}
.con-arc-m img {
max-width:100%;
}
.pages {
float:left;
width:100%;
padding-top:14px;
line-height:30px;
text-align:center;
color:#666666;
}
.pages a {
color:#057CB8;
text-decoration:none;
}
/**post**/
.con-bm {
width:100%;
float:left;
margin-top:14px;
}
.con-bm i {
font-style:normal;
color:#ff7300;
}
.commentsFormWrapper {
	margin-bottom: 27px;
}
.commentsForm {
}
.commentsFormTitle {
	margin-bottom: 18px;
}
.commentsForm .formFieldWrapper {
	margin-bottom: 23px;
}
.commentsForm .formTextareaWrapper {
	margin-bottom: 27px;
}
.commentsForm label {
	margin-bottom: 13px;
	width:100%;
}
.commentsForm .formFieldWrapper input[type="text"], .commentsForm .formTextareaWrapper textarea {
	margin-bottom: 0px;
	background-color: #f3f3f3;
	border: 3px solid #f0f0f0;
}
.commentsForm .formFieldWrapper input[type="text"]:focus, .commentsForm .formTextareaWrapper textarea:focus {
	background-color: #f6f6f6;
}
.commentsForm .formFieldWrapper input[type="text"] {
	width: 70%;
	box-sizing: border-box;
	height: 36px;
}
.commentCommentTextarea {
	width: 70%;
	box-sizing: border-box;
	height: 130px;
}
input.commentSubmitButton, input.commentSubmitButton:hover {
	height: 36px;
	line-height: 36px;
	background-color: #ff7300;
	padding-left: 12px;
	padding-right: 12px;
	color: #fff;
	border: none;
}
input.commentSubmitButton2, input.commentSubmitButton2:hover {
	height: 36px;
	line-height: 36px;
	background-color: #057CB8;
	padding-left: 12px;
	padding-right: 12px;
	color: #fff;
	border: none;
}
/**foot_menu_begin**/
.foot {
float:left;
width:100%;
text-align:center;
border-top:#dedede 2px solid;
padding-top:14px;
color:#666666;
}
.foot b {
color:#057cb8;
}
.foot a {
color:#666666;
text-decoration:none;
}
.foot a:hover {
color:#ff7300;
}
.foot_sub {
float:left;
width:100%;
height:60px;
}
.fmenu_out {
z-index:999; position:fixed; bottom:0; left:0; width:100%; _position:absolute;
border-top:#dedede 1px solid;
background: rgba(255,255,255,0.9);
line-height:40px;
}
.fmenu_out a {
color:#1296db;
text-decoration:none;
}
.fmenu{ width:100%; height:40px;display:block; padding-top:10px; padding-bottom:10px;}
.fmenu li {
  width:20%;
  height: 40px;
  float:left;
  text-align: center;
}
.fmenu01 {
background:url(../img/fmenu01.png) 50% 0px no-repeat;
background-size: 20px 20px;
}
.fmenu02 {
background:url(../img/fmenu02.png) 50% 0px no-repeat;
background-size: 20px 20px;
}
.fmenu li a {
    width: 100%;
	height:18px;
	line-height:18px;
	padding-top:22px;
    display: inline-block;
    border-right: #ccc 1px dashed;
}
.fmenu li.fmenu03{
  width:20%;
  height: 40px;
  float:left;
  text-align: center;
}
.fmenu li.fmenu03 a {
    width: 100%;
	height: 40px;
	line-height: 40px;
    display: block;
	padding:0px;
}
.fmenu li.fmenu04{
  width:35%;
  height: 40px;
  float:left;
  text-align: center;
}
.fmenu li.fmenu04 a {
    width: 100%;
	height: 40px;
	line-height: 40px;
    display: block;
    font-size: 18px;
    background: #ff8a05;
    color: #fff;
    text-align: center;
    border-radius: 10px;
    border: 0;
    font-weight: normal;
    overflow: hidden;
	padding:0px;
}


#fnav{float:left;width:100%;height:44px;line-height:44px;background:url(../img/fnav-bg.png) repeat-x;}
#fnav ul{margin:0 auto;list-style-type:none;width:100%;max-width:500px;height:100%;}
#fnav ul li{float:left;width:25%;height:100%;text-align:center;position:relative;font-size:14px;}
#fnav ul li .line{position:absolute;top:0px;right:0px;z-index:30;}
#fnav ul li .fnav_li{position:absolute;top:0px;left:0px;z-index:20;width:100%;height:100%;color:#454545;background:url(../img/fnav-bg.png) repeat-x;}
.fnav_li a {
color:#333333;
}
#fnav ul li .img_front{position:absolute;top:0px;left:0px;z-index:30;width:100%;height:100%;}
#fnav ul li .img_front img{width:100%;height:100%;}
#fnav ul li span{position:absolute;bottom:-300px;left:50%;width:104px;margin-left:-52px;margin-bottom:14px;height:auto;text-align:center;z-index:10;}
#fnav ul li span div{position:absolute;top:0px;left:0px;}
#fnav ul li span a{float:left;width:100%;height:43px;line-height:43px;color:#454545;text-decoration:none;}
.footer_front{position:fixed;width:100%;height:100%;top:0px;left:0px;z-index:-888;display:none;}

.con-imgs {
padding-left:14px;
padding-right:14px;
float:left;
color:#666666;
line-height:26px;
padding-top:10px;
}
.con-imgs li {
float:left;
width:100%;
}
.con-imgs li img {
width:100%;
}
.con-tj {
display:none;
}