@charset "utf-8";

body {

	margin: 0px;

	padding: 0px;

	font-size: large;

	line-height: normal;

	font-family: Arial, Helvetica, sans-serif;

}

ul {

	margin: 0px;

	padding: 0px;

}



form {

	margin: 0px;

	padding: 0px;

}





.top {

	display: table;

	width: 100%;

}

.logo {

	display: table-cell;

	margin: 0px;

	padding: 0px;

	width: 40%;

}

.logo img {

	height: 50px;

}

.topr {

	display: table-cell;

	width: 60%;

	margin: 0px;

	padding: 20px 10px 0px 0px;

	text-align: right;

	font-size: small;

	vertical-align: middle;

}

.topr_fb {

	margin: 0px 5px -4px 0px;

	height: 17px;

}

.shbar {

	background-color: #c4daf2;

	display: table;

	margin: 0px;

	padding: 0px;

	width: 100%;

	clear: both;

}

.home {

	display: table-cell;

	width: 55px;

	padding: 0px;

	margin: 0px;

	text-align: center;

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #FFFFFF;

}

.home img {

	height: 35px;

}

.home a {

	display: block;

	padding-top: 5px;

	padding-bottom: 5px;

}

.home a:active {

	background-color: #163C65;

}



.search {

	display: table-cell;

	padding: 0px;

	margin: 0px;

	text-align: right;

	vertical-align: middle;

	position: relative;

}

.search_b {

	width: 80px;

	display: table-cell;

}



.brn_sh {

	margin: 0px 10px 0px 0px;

	padding: 0px;

	height: 30px;

}

.shinput {

	font-size: medium;

	border: 1px solid #FFFFFF;

	width: 95%;

	padding: 0px;

	margin: 0px;

	_height: 100%;

	height: 28px;

}

.newslist {

	display: block;

	margin: 0px;

	padding: 0px;

}

.newslist li {

	list-style-type: none;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #CCCCCC;

}

.newslist a {

	color: #333333;

	text-decoration: none;

	display: block;

	padding: 8px 20px;

}

.newslist a:active {

	background-color: #E8E8E8;

}

.newsinfo {

	display: block;

	padding: 10px 20px;

	margin: 0px;

	color: #333333;

	font-size: medium;

	line-height: 1.5em;

}

.newsinfo img {

	width: 100%;

}

.newsinfo a {

	color: #2E8DD7;

}





.title_bar {

	display: table;

	padding: 0px;

	background-color: #E8E8E8;

	width: 100%;

}

.title_bar2 {

	margin: 0px;

	padding: 8px 8px 8px 14px;

	background-color: #E8E8E8;

}

.title_bar2 a {

	text-decoration: none;

	float: right;

	margin: 0px;

	color: #2E8DD7;

}

.title_bar2 a:active {

	color: #000000;

}

.title_bar3 {

	display: block;

	padding: 8px 8px 8px 14px;

	color: #000000;

}







.title {

	display: table-cell;

	padding: 8px 0px 8px 20px;

}

.topic {

	display: block;

	margin: 0px;

	padding: 0px 20px;

}

.topic h1 {

	font-size: large;

	font-weight: normal;

	display: block;

	margin: 10px 0px 8px;

	color: #003D79;

}

.topic h2 {

	font-size: medium;

	font-weight: normal;

	color: #666666;

	margin: 15px 0px 0px;

}







.more {

	display: table-cell;

	text-align: right;

	font-size: medium;

	padding: 8px 20px 0px 8px;

}

.more a {

	color: #0074BC;

	text-decoration: none;

}

.mga {

	margin: 0px;

	padding: 0px;

	display: table;

	border-collapse: collapse;

	width: 100%;

}

.mga_row {

	display: table-row;

	border-bottom-width: thin;

	border-bottom-style: solid;

	border-bottom-color: #CCCCCC;

}

.mga_img {

	display: table-cell;

	width: 85px;

	padding: 15px 8px 10px 20px;

	text-align: center;

	vertical-align: top;

}

.mga_img img {

	width: 100%;

}

.mga_img2 {

	width: 50px;

	padding: 8px 8px 8px 20px;

}

.mga_img3 {

	width: 60px;

}





.mga_cell {

	display: table-cell;

	padding: 10px 15px 10px 8px;

	font-size: small;

}

.mga_cell a {

	color: #333333;

	text-decoration: none;

}



.mga_cell h1 {

	font-size: large;

	margin: 0px 0px 6px;

	padding: 0px;

	font-weight: normal;

}

.mga_cell h1 a {

	color: #0074BC;

	text-decoration: none;

	display: block;

}

.mga_cell a:active {

	background-color: #D6F1FA;

}

.mga ul {

	margin: 0px 0px 20px;

	padding: 0px;

	list-style-type: none;

	font-size: small;

	line-height: 1.4em;

}

.mga ul li {

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #CCCCCC;

	padding: 10px;

}

.mga li a {

	color: #F37B0E;

}



.mga li h1 {

	color: #0066CC;

	font-size: large;

	display: block;

	margin: 0px 0px 8px;

	font-weight: normal;

}





.mga_box {

	margin: 0px;

	padding: 10px 0px 5px;

	display: table;

	position: relative;

	width: 100%;

}

.mga_block {

	display: table;

	margin: 0px;

	padding: 10px 0px 0px;

	float: left;

	width: 33%;

	text-align: center;

	font-size: small;

	height: 145px;

}

.mga_block img {

	padding: 0px 0px 5px;

	width: 95px;

	margin: 0px;

	height: 95px;

}

.mga_block a {

	color: #2E8DD7;

	text-decoration: none;

}

.mga_sh {

	background-color: #002448;

	display: block;

	padding: 15px 15px 10px;

	color: #FFFFFF;

}

.mga_sh p {

	margin: 0px 0px 10px;

}

.mga_sh input {

	font-size: medium;

	padding: 2px 0px;

}

.mga_sh select {

	font-size: medium;

	padding: 2px 0px;

}

.mga_info {

	display: block;

	padding: 0px 20px;

	margin: 0px;

	font-size: medium;

	line-height: 1.5em;

}

.mga_info img {

	margin: 0px;

	padding: 0px;

	width: 100%;

}

.mga_info h1 {

	font-size: large;

	margin: 6px 0px 15px;

}

.mga_topic {

	font-size: medium;

	color: #336699;

	display: block;

}



















.ad {

	display: block;

	padding: 10px 20px;

}

.ad_s {

	padding: 0px 10px 20px;

	display: block;

	position: relative;

}

.ad_s img {

	width: 45%;

	margin: 0px;

	float: left;

	display: block;

	padding: 0px 3px 10px 10px;

}

.foot {

	display: block;

	padding: 5px 20px 90px;

	text-align: center;

	background-image: url(../../image/web/shadow.png);

	background-repeat: repeat-x;

	clear: both;

	font-size: x-small;

}

.foot p {

	margin: 8px 0px;

}







.footbar {

	display: table;

	padding: 0px;

	font-size: x-large;

	color: #FFFFFF;

	bottom: 0px;

	position: fixed;

	width: 100%;

	background-color: #2e8dd7;

	text-align: center;

	z-index: 1000000;

	letter-spacing: 4px;

}

.menu {

	display: table-cell;

	width: 20%;

	text-align: center;

}

.menu img {

	width: 63px;

	margin: 0px auto;

	display: block;

}

.menu a {

	display: block;

	padding: 5px 0px;

}

.menu a:active {

	background-color: #18517E;

}

.btn1 {

	display: table;

	padding: 0px;

	clear: both;

	margin: 0px auto;

	width: 95%;

}

.btn1cell {

	display: table-cell;

	width: 50%;

	padding: 15px 0px;

}



.btn1 a {

	text-decoration: none;

	color: #FFFFFF;

	background-image: url(../../image/web/btn.png);

	display: block;

	padding: 8px;

	width: 80%;





   -webkit-border-radius: 5px;

   -moz-border-radius: 5px;

	border-radius: 5px;

	margin: 0px auto;

	background-position: 0px 0px;

	text-align: center;

	}

.btn1 a:active {

	background-position: 0px 46px;

}

.btn_more {

	display: block;

	padding: 15px 20px 15px 45px;

	background-image: url(../../image/web/add.png);

	background-repeat: no-repeat;

	background-position: 20px 16px;

}

.btn_more a {

	color: #2e8dd7;

	text-decoration: none;

	font-size: medium;

	display: block;

}

.btn_more a:active {

	color: #000000;

}





.date {

	font-size: small;

	color: #0099CC;

	padding-right: 5px;

}

.menu_pd {

	display: block;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #FFFFFF;

}

.menu_pd li {

	list-style-type: none;

	margin: 0px;

	padding: 0px;

	background-image: url(../../image/web/shadow2.png);

	background-repeat: repeat-x;

	background-position: bottom;

}



.menu_pd a {

	display: block;

	color: #2e8dd7;

	text-decoration: none;

	padding: 10px 20px;

	background-image: url(../../image/web/arrow.png);

	background-repeat: no-repeat;

	background-position: right;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #DDDDDD;

}

.menu_pd a:active {

	background-color: #E6F7FF;

}

.menu_en {

	display: block;

	padding-top: 5px;

	color: #666666;

}

.nav {

	display: block;

	font-size: small;

	padding: 8px 14px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #CCCCCC;

}

.pd_list {

	display: table;

	margin: 0px;

	padding: 0px;

	position: relative;

	border-collapse: collapse;

}

.pd_box {

	display: table-row;

	margin: 0px;

	padding: 0px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #CCCCCC;

	font-size: medium;

}

.pd_boximg {

	width: 150px;

	vertical-align: top;

	display: table-cell;

	padding: 15px 15px 15px 20px;

}

.pd_boximg img {

	width: 100%;

}

.pd_box .pd_name {

	display: table-cell;

	padding: 15px 20px 15px 0px;

}

.pd_box .pd_name a {

	color: #2E8DD7;

	text-decoration: none;

}

.pd_img {

	display: block;

	padding: 0px 20px 20px;

}

.pd_img img {

	width: 100%;

}

.pdlink {

	padding: 15px 15px 10px;

	margin: 0px;

	position: relative;

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #CCCCCC;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #CCCCCC;

	display: table;

}

.pdlink a {

	display: block;

	float: left;

	width: 50%;

	position: relative;

	padding: 0px 0px 5px;

	text-align: center;

}



.pdlink img {

	width: 95%;

	padding: 0px;

}

.dealer {

	display: block;

	margin: 0px;

	padding: 0px;

}

.dealer_box {

	display: block;

	margin: 0px;

	padding: 10px 15px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #CCCCCC;

	font-size: medium;

}



.dealer img {

	margin: 0px;

	padding: 0px;

	width: 100%;

}



.dealer ul {

	list-style-type: none;

}

.dealer li {

	background-image: url(../../image/web/arrow.png);

	background-repeat: no-repeat;

	background-position: right;

}





.dealer a {

	color: #2e8dd7;

	text-decoration: none;

	display: block;

	padding: 0px 0px 6px;

}

.dealer a:active {

	background-color: #E6F7FF;

}

.dealer h1 {

	font-size: large;

	display: block;

	padding: 10px 15px 0px;

	margin: 0px;

	font-weight: normal;

	color: #003366;

}

.deale_info {

	margin: 0px;

	padding: 0px 15px 10px;

}

.deale_info a {

	display: inline;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	padding: 0px;

}

.deale_info img {

	width: 100%;

}





.txt_m {

	font-size: medium;

	color: #666666;

	padding-top: 5px;

}

.txt_s {

	color: #666666;

	font-size: small;

	padding-top: 3px;

}

.t_note {

	color: #BB0000;

}

.txt_step {

	color: #003366;

	background-color: #D1E3FE;

	padding-top: 5px;

	padding-right: 20px;

	padding-bottom: 5px;

	padding-left: 10px;

	font-weight: bold;

	text-align: center;

	display: block;

}







.name {

	font-size: medium;

	color: #2E8DD7;

	display: block;

}

.like {

	margin: 5px 0px 0px;

}



.like img {

	width: 90%;

}

.blog_banner {

	display: block;

	padding: 0px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #CCCCCC;

}

.like_g {

	background-color: #EAF5FB;

	display: block;

	padding: 6px 20px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #FFFFFF;

}

.like_g a {

	color: #333333;

	text-decoration: none;

	margin: 0px 15px 0px 0px;

	padding: 5px 10px;

}

.mb {

	display: table;

	margin: 0px auto;

	width: 80%;

	padding: 20px 0px 50px;

	position: relative;

}

.mb ul {

	list-style-position: inside;

	list-style-type: none;

	font-size: small;

}

.mb li {

	padding: 0px 0px 20px;

}

.mb input {

	width: 95%;

	padding: 7px 5px;

	border: 1px solid #BEBEBE;

	background-color: #FFFFFF;

}

.mb a.btn {

	color: #FFFFFF;

	text-decoration: none;

	background-color: #469EDF;

	display: block;

	text-align: center;

	padding: 8px 0px;

	width: 100%;

}

.mb a.btn:active {

	background-color: #105689;

}



.mb a {

	color: #227DC1;

	text-decoration: none;

	width: 50%;

	display: block;

	float: left;

	text-align: center;

	margin: 15px 0px 0px;

	padding: 6px 0px;

}

.mb a:active {

	background-color: #E6F2FB;

}

.mb select {

	width: 100%;

	background-color: #FFFFFF;

	padding: 5px;

	border: 1px solid #BEBEBE;

}

.list_tab {

	display: block;

	color: #333333;

	line-height: 1.5em;

	font-size: medium;

}

.list_tab ul {

	list-style-type: none;

	list-style-position: inside;

}

.list_tab li {

	padding: 1em;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #CCCCCC;

}

.list_tab h3 {

	font-size: large;

	margin: 0px;

}

.list_tab .get {

	font-size: large;

	font-weight: bold;

	color: #6B9900;

	padding: 0px 10px;

}

.list_tab .use {

	font-size: large;

	font-weight: bold;

	color: #FE9434;

	padding: 0px 10px;

}







.alert-success {

	padding: 20px;

	background-color: #F4FCE2;

	color: #093;

	font-size: 24px;

	line-height: 36px;

	margin: 10px;

	border: 1px solid #C1D894;

	border-radius:5px;

}

.alert-warning {

	padding: 20px;

	background-color: #FDF7E1;

	color: #8C5F00;

	font-size: 18px;

	line-height: 32px;

	border: 1px solid #E1D09D;

	margin: 10px;

	border-radius: 5px;

}

.alert-warning .t_note {

	font-weight: bold;

	color: #900;

	font-size: 24px;

}



.closebtn {

	margin-left: 15px;

	color: #990;

	font-weight: bold;

	float: right;

	font-size: 22px;

	line-height: 20px;

	cursor: pointer;

	transition: 0.3s;

}



.closebtn:hover {

  color: black;

}