/* ==========================================================================
   Public
============================================================================= */
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
/*body, html { width:100%; height:100%; }*/

body { 
	font:13px/1.7 Verdana, Meiryo, "Meiryo UI", "Microsoft JhengHei UI", "Microsoft JhengHei", sans-serif;
	letter-spacing:0.06em;
	color:#4b4b4b;
	background:url(../img/bg.png);
}

img {
	border:none;
	vertical-align:middle;
}


* {
	-webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
          box-sizing:border-box;
}


a {
	color:#4b4b4b;
	text-decoration:none;
}
a:hover { color:#dd5b6a; }


.clearfix {
    clear: both;
    display: table;
}


@media screen and (min-width:1001px) {
.n_1000 { display:none; }
}

@media screen and (max-width:1000px) {
.n_900 { display:none; }
}

nav { font-size: 0.95rem; }


/* gotop
-----------------------------------------------------------*/
#gotop {
    display:none;
    position:fixed;
    right:5px;
    bottom:10px;
    cursor:pointer;
	z-index:1000000000;
}

#top {
	width:100%;
	height:3px;
	background:#2776ba;
}



/* Banner
-----------------------------------------------------------*/
#owl-demo .owl-item div{ padding:0; }
#owl-demo .owl-item img{
    display:block;
    width:100%;
    height:auto;
}
.banner_line {
	border-top:#FFF 1px solid;
	border-bottom:#FFF 1px solid;
}




/* HOME
-----------------------------------------------------------*/
#home_news {
	margin:0 auto;
	width:870px;
	margin-top:20px;
	margin-bottom:45px;
}

.home_news_t {
	float:left;
	width:150px;
	font-family:arial;
	margin-top:12px;
}
.home_news_t i { margin-right:3px; font-weight:normal; }
.home_news_t a {
	color:#ffa200;
	font-size:15px;
	letter-spacing:0px;
	font-weight:bold;
}
.home_news_t a:hover { color:#f1036d; }


.home_news_list {
	float:left;
	width:720px;
}
.home_news_list li {
	line-height:36px;
	overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.home_news_class {
	color:#FFF;
	background:#ffa200;
	padding:3px 6px;
	margin-right:10px;
}

@media screen and (max-width:1000px) {
#home_news { width:90%; }
.home_news_t { float:none; width:100%; text-align:center; margin-bottom:1.1rem; }
.home_news_list { float:none; width:100%; }
.home_news_list li { font-size:1.1rem; }
.home_news_class { font-size:0.9rem; }
}


#home_service {
	widht:100%;
	background:#004289 url(../img/home-bg.jpg) center top no-repeat;
	/*background:url(../img/home-bg.png) center top no-repeat;*/
	padding:50px 0 30px 0;
	text-align:center;
}

.home_service_box {
	float:left;
	width:228px;
	margin-right:1px;
	background:#FFF;
}

.home_service_box_t {
	width:100%;
	background:#ffa200;
	font-size:1.2rem;
	text-align:center;
	color:#FFF;
	padding:0.2rem 0;
	letter-spacing:0.1rem;
}

.home_service_box_p {
	position:relative;
	width:100%;
	background:#ff3535;
	overflow:hidden;
}
.home_service_box_p img { width:100%; }
.home_service_box_p img:hover { 
    opacity:0.5;
    filter:alpha(opacity=50); 
}

.home_service_box_dot {
	position:absolute;
	top:0;
	left:calc(50% - 7.5px);
	width:0;
    height:0;
    border-style:solid;
    border-width:15px 10px 0 10px;
    border-color:#ffa200 transparent transparent transparent;
}

.home_service_box_i {
	width:100%;
	font-size:12px;
	height:150px;
	padding:15px;
	text-align:left;
	overflow:hidden;
}


@media screen and (max-width:1000px) {
#home_service { padding-bottom:0.001rem; }
.home_service_box {
	float:none;
	margin:0 auto;
	width:90%;
	margin-bottom:1.5rem;
}
.home_service_box_i { height:auto; font-size:1rem; }
}




/* Content
-----------------------------------------------------------*/
#banner_about, #banner_news, #banner_service, #banner_support, #banner_contact {
	width:100%;
	line-height:140px;
	text-align:right;
	padding-right:20%;	
}
#banner_about { background:#2c9fe1 url(../img/title-about-bg.jpg) left center no-repeat; }
#banner_news { background:#2c9fe1 url(../img/title-news-bg.jpg) left center no-repeat; }
#banner_service { background:#2c9fe1 url(../img/title-service-bg.jpg) left center no-repeat; }
#banner_support { background:#2c9fe1 url(../img/title-support-bg.jpg) left center no-repeat; }
#banner_contact { background:#2c9fe1 url(../img/title-contact-bg.jpg) left center no-repeat; }


@media screen and (max-width:1000px) {
#banner_about, #banner_news, #banner_service, #banner_support, #banner_contact {
	padding-right:10%;
	line-height:100px;
}
#banner_about { background:#2c9fe1 url(../img/title-about-bg.jpg) 12% center no-repeat; }
#banner_news { background:#2c9fe1 url(../img/title-news-bg.jpg) 12% center no-repeat; }
#banner_service { background:#2c9fe1 url(../img/title-service-bg.jpg) 12% center no-repeat; }
#banner_support { background:#2c9fe1 url(../img/title-support-bg.jpg) 8% center no-repeat; }
#banner_contact { background:#2c9fe1 url(../img/title-contact-bg.jpg) 8% center no-repeat; }
#banner_about img, #banner_news img, #banner_service img, #banner_support img, #banner_contact img { height:55px; }
}


#sub_menu {
	display:table-cell;
	width:200px;
	height:calc(100vh - 245px);
	background:#565656;
}
#sub_menu li {
	font-size:14px;
	line-height:45px;
	padding-left:30px;
	border-bottom:#787878 1px solid;
}
#sub_menu li a { color:#FFF; }
#sub_menu li a:hover { color:#73cef4; }

@media screen and (max-width:1000px) {
#sub_menu { display:none; }
}



#p_content {
	display:table-cell;
	width:calc(100vw - 200px);
}
#p_content_info {
	margin:0 auto;
	width:90%;
	max-width:1200px;	
	margin-bottom:3rem;
}
#p_content_info img { max-width:100%; }

.p_content_title {
	width:100%;
	color:#000;
	font-size:30px;
	font-weight:bold;
	letter-spacing:0.08rem;
	line-height:40px;
	padding-bottom:0.5rem;
	border-bottom:#2c9fe1 1px dotted;
	margin:2rem 0 1rem 0;
}


.p_news_list {
	float:left;
	width:100%;
}
.p_news_list li {
	line-height:36px;
	overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.news_day {
	font-size:12px;
	color:#2c9fe1;
	font-family:Arial;
	margin-right:10px;
}

#page_no {
	width:100%;
	text-align:center;
	border-top:#2c9fe1 1px dotted;
	margin-top:1rem;
	padding:1rem 0;
}
#page_no select {
	font-size:15px;
	padding:6px;
}

.form {
	display:table;
	width:90%;
}
.form_row { display:table-row; }
.form1 {
	display:table-cell;
	width:150px;
	padding-right:1rem;
	text-align:right;
	line-height:30px;
}
.form2 {
	width:calc(100% - 150px);
	display:table-cell;	
}
.form2 input, .form2 textarea {
	width:100%;
	padding:0.4rem;
	margin-bottom:0.6rem;
}
.form2 select {
	padding:0.4rem;
	margin-bottom:0.6rem;
} 


.contact_1 {
	float:left;
	width:330px;
	font-size:1rem;
	line-height:2.2rem;	
	padding-top:3rem;
}
.contact_2 {
	float:right;
	width:calc(100% - 330px);
	padding:1rem 0 0 2rem;
}


.text1 { color:#2c9fe1; font-size:14px; font-family:Arial; font-weight:normal; line-height:20px; letter-spacing:0.06rem; }
.text2 { color:#ffa200; }


@media screen and (max-width:1000px) {
#p_content { display:block; width:100vw; margin:1rem 0; }
#p_content_info { font-size:1.1rem; }
.p_news_list { float:none; width:100%; }
.p_news_list li { font-size:1.1rem; }
.news_day { display:none; }
.form, .form_row, .form1, .form2 { display:block; }
.form, .form1, .form2 { width:100%; }
.form1 { text-align:left; }
.contact_1, .contact_2 { float:none; display:block; width:100%; }
.contact_1 { padding:0 0 1rem 0; }
.contact_2 { padding-left:0; }
}


/* Footer
-----------------------------------------------------------*/
footer {
	width:100%;
	color:#2cadcd;
	font-size:0.7rem;
	text-align:center;
	background:#000;
	padding:40px 0;
}



/* Btn
-----------------------------------------------------------*/
.btn_b {
	font-size:16px;
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #84bbf3;
	padding:9px 18px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
	background:-ms-linear-gradient( top, #79bbff 5%, #378de5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #79bbff), color-stop(100%, #378de5) );
	background-color:#79bbff;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #528ecc;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #bbdaf7;
 	-moz-box-shadow:inset 1px 1px 0px 0px #bbdaf7;
 	box-shadow:inset 1px 1px 0px 0px #bbdaf7;
}.btn_b:hover {
	color:#ffffff;
	background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
	background:-ms-linear-gradient( top, #378de5 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #378de5), color-stop(100%, #79bbff) );
	background-color:#378de5;
}.btn_b:active {
	position:relative;
	top:1px;
}