@import url(font-awesome.min.css);
@import url(simple-line-icons.css);
@import url(iconfont/iconfont.css);
/* CSS Document */
/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);*/
@import url("layout.css");
@import url("header.css");
@import url("mp.css");
@import url("left.css");
@import url("right.css");
@import url("cp.css");
@import url("lp.css");
@import url("np.css");
@import url("qp.css");
@import url("fb.css");
@import url("form.css");
@import url("search.css");
@import url("menu.css");
@import url("forwardForm.css");
@import url("epaper.css");
@import url("tabpanel1_class.css");
.accesskey { font-size: .8em; text-align: left; height: 0px; z-index: 9999999; position: absolute; }
.accesskey a { color: #3e3d3c; padding: 0px 0 0 0px; display: none; }
.theme_service .accesskey { color: #95d5ea; position: absolute; left: 20px; }
h2 { font-weight: bold; letter-spacing: 1px; /** @Kyart **/
font-size: 1.3em; color: #003684; background: url(../images/bg_cp_title_line.png) no-repeat 0px -3px; margin: 48px 0 20px 0; margin: 18px 0 0px 0\0; margin: 68px 0 0px 0\9\0; *margin: 18px 0 0px 0; padding: 6px 0 13px 48px; line-height: 1em; border-bottom: 1px solid #ddd;background-size: 30px,30px; }
h2,h2 span{font-size: 22px; font-weight: normal; line-height: 1; color: #4a4c4c;}
a { /** @Kyart **/
color: #039; }
a:hover { /** @Kyart **/
color: #06C; text-decoration: underline; }
.blockquote { color: #996600; line-height: 20px; margin: 5px 10px 0 10px; clear: both; }
.date { color: #d56e1b; }
.more { float: right; margin: 5px 7px 0 0; clear: both; }
.more a { color: #000; background-repeat: no-repeat; background-position: right 0px; text-align: right; display: block; margin: 0px 0px 0 0; height: 22px; /** @Kyart **/
font-size: 1em; color: #206BAB; padding: 0 0 2px 8px; *padding: 2px 8px 2px 8px; _float: right; }
html>body .more a { /* font-size: 90%;  */ }
*+ html>body .more a { /* font-size: 80%;  */ }
.leftimg { padding: 0px 0 5px 4px; display: block; /* background-image: url(../images/morebg_left.gif); background-repeat: no-repeat; background-position: left 0px;  */ }
.btn_center { text-align: center; clear: both; }
.PgSet { float: right; margin: 0 3px; clear: both; padding: 0px; }
.PgSet li { display: inline; padding: 0; background-image: none; border: none 0px; vertical-align: -10px; }
.friendly { color: #666666; margin: 0 0 0px 0px; clear: both; width: 100%; *width: 600px; /** @Kyart **/
text-align: right; *z-index: 188; position: relative; }
.friendly .path { margin: 0px 0 0px 0px; /** @Kyart **/
color: #fff; font-size: 12px; padding: 1px 0px 0px 25px; line-height: 25px; *width: 710PX; }
.friendly .path span.before { padding: 0 12px 0 0; }
.friendly .path a, .friendly .path span { color: #018597; font-size: 12px; }
.friendly .path img { vertical-align: middle; }
.friendly .function { float: right; /** @Kyart **/
margin: 33px 10px 13px 10px; margin: 23px 10px 0 10px\0; margin: 33px 10px 13px 10px\0\9; *margin: 3px -128px 38px 10px; }
.friendly .function ul { margin: 0 0 0px 0; }
.friendly .function li { background: url(none) no-repeat 0px 0px; margin: 0 2px 0px 0; padding: 0px 0 0 0; text-align: center; display: block; float: left; font-size: .95em; /** @Kyart **/
width: 90px; *width: 90px; _width: 90px; }
.friendly .function .print { /** @Kyart **/
height: 22px; display: block; padding: 4px 0 0 0px; *width: 75px; _width: 75px; background: #6bc7d3; border-radius: 5px; }
.friendly .function .forward { /** @Kyart **/
height: 22px; display: block; padding: 4px 0 0 0px; *width: 75px; _width: 75px; background: #6bc7d3; border-radius: 5px; }
.friendly .function .back { /** @Kyart **/
height: 22px; display: block; padding: 4px 0 0 0px; *width: 75px; _width: 75px; background: #6bc7d3; border-radius: 5px; }
.friendly a span { /** @Kyart **/
color: #fff; font-size: 12px; }
.friendly a:hover span { /** @Kyart **/
color: #FFC; }
/** @Kyart **/
.friendly .function .print:hover, .friendly .function .forward:hover, .friendly .function .back:hover, .quickLink a.gotop:hover, .quickLink a.back:hover { text-decoration: none; color: #006699; background-color: rgba(31, 164, 182, 1); -o-transition: background-color .30s linear; -webkit-transition: background-color .30s linear; -moz-transition: background-color .30s linear; transition: background-color .30s linear; }
.text_red { color: #CC0000; }
.text_green { color: #009933; }
.text_blue { color: #0066CC; }
.text_Q { color: #0066CC; font-size: 100%; font-weight: bold; margin: 5px 0 5px 0; }
.text_A { color: #CC3300; font-size: 100%; font-weight: bold; margin: 5px 0 5px 0; }
.btnSearch { color: #333333; padding: 0px 0 0 0; margin: 0 0px; border: 0px none; vertical-align: middle; /** @Kyart **/
height: 32px; width: 32px; background: none; margin: 0 0 0 -42px; cursor: pointer; }
.btngray { color: #333333; background-color: #FFFFFF; background-image: url(../images/btngray.gif); background-repeat: repeat-x; background-position: 0px 0px; padding: 2px 3px 2px 3px; margin: 0 1px; height: 22px; vertical-align: middle; border: 1px solid #CCC; }
.btnCom { color: #333333; background-image: url(../images/btnCombg.gif); background-repeat: repeat-x; background-position: 0px 0px; border: 1px solid #EAB13C; text-align: center; padding: 3px 0; font-size: 11px; width: 60px; height: 22px; vertical-align: middle; }
.btnadd { color: #333333; background-image: url(../images/btnadd.gif); background-repeat: no-repeat; background-position: 0px 0px; padding: 3px 0px 2px 0px; width: 85px; border: 0px none; text-align: center; background-color: #FFFFFF; }
.inputSearch { border: 0px solid #FFF; color: #666666; vertical-align: middle; background: transparent; /** @Kyart **/
margin: 0 0 0 0; padding: 8px 32px 5px 15px; width: 131px; *width: 131px; _width: 131px; background: url(../images/bg_input.gif) no-repeat 0 0; }
.inputgray { border: 1px solid #B1CDD6; padding: 4px 3px 0px 3px; color: #666666; vertical-align: middle; }
/* ---------------------------------------------float right */
/* .floatright { float: right; }
.floatright img { vertical-align: middle; }
*/
/* ---------------------------------------------float left */
.floatleft { float: left; }
.floatleft img { vertical-align: middle; }
/* ---------------------------------------------quickLink */
.quickLink { text-align: right; font-size: 90%; clear: both; height: 50px; display: block; }
.quickLink ul { margin: 0px; text-align: right; list-style-type: none; /** @Kyart **/
float: right; background-image: none; }
.quickLink li { display: inline; background-image: none; border: 0px none; /** @Kyart **/
padding: 5px; float: left; }
.quickLink a.gotop { /** @Kyart **/
height: 22px; display: block; padding: 5px 20px; line-height: 22px; _width: 75px; background: #6bc7d3; border-radius: 5px; font-size: 12px; color: #fff; }
.quickLink a.back { /** @Kyart **/
height: 22px; display: block; padding: 5px 20px; line-height: 22px; _width: 75px; background: #6bc7d3; border-radius: 5px; font-size: 12px; color: #fff; }
/* ---------------------------------------------page */
.page { margin: 10px 0 0px 0; text-align: center; clear: both; height: 25px; border-bottom: 1px solid #eee; }
.page em { color: #CC6600; font-weight: normal; }
.page img { vertical-align: middle; }
.page ul { margin: 0 padding:0; list-style: none; width: 300px; float: left; }
.page ul li.prev { background-image: url(../images/icon_previous.gif); background-repeat: no-repeat; background-position: left 0px; padding-left: 10px; }
.page ul li.first { padding: 2px 2px; }
.page ul li.next { padding: 2px 2px; /* background-image: url(../images/icon_next.gif); background-repeat: no-repeat; background-position: right 0px; padding-right: 10px;  */ }
.page ul li.last { padding: 2px 2px; }
.page ul li.here { background: #509c39; color: #fff; padding: 0px 5px; display: block; }
.page .condition { margin: 0; padding: 0px 8px; float: right; background: #eafce4; color: #000; }
.page ul li { margin: 0 padding:0; list-style: none; float: left; display: block; padding: 2px 2px; }
/* ---------------------------------------------sitemap page */
.sitemap { color: #4a4c4c; vertical-align: top; line-height: 1.7em; padding: 5px 30px 10px 30px; border: 0px solid #d0e7e9; background: #fff; font-size: 1.1em; border-radius: 7px; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .3); box-shadow: 0 0 3px rgba(0, 0, 0, .3); width: 700px; display: block; margin: 0px 0px 70px 20px; }
.sitemap h3 { font-size: 120%; font-weight: normal; color: #009933; margin: 5px 0; padding-bottom: 3px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #CCCCCC; }
.sitemap p { margin: 5px 0 0 0px; line-height: 20px; }
.sitemap ul { margin: 10px 0 0 20px; }
.sitemap li { list-style-type: none; line-height: 20px; }
.sitemap li img { vertical-align: middle; }
.sitemap .mapTree { margin: 5px 0 0 15px; }
.sitemap .mapTree li { background-image: url(../images/icon_arrow3.gif); background-repeat: no-repeat; background-position: 0px 7px; padding-left: 15px; line-height: 25px; list-style-type: none; }
.sitemap .mapTree ul { margin: 5px 0 0 15px; }
.sitemap .mapTree li li { background-image: url(../images/icon_arrow5.gif); background-repeat: no-repeat; background-position: 0px 8px; padding-left: 10px; list-style-type: none; }
.sitemap .update { text-align: right; clear: both; color: #999; }
.sitemap .quickLink li { background-image: none; }
/* --footer design-- */
.wrap [id="zone.footer"] { /** @Kyart **/
background: url(../images/bg_footer.jpg) repeat-x center bottom; position: relative; }

/**/
a{color:#666;}
a:hover{text-decoration:none;color:#09F;}
.footer-link ul li a:hover{color:#09F;
     color:#09F;
	-o-transition:color .30s linear;
    -webkit-transition:color .30s linear;
    -moz-transition:color .30s linear;
    transition:color .30s linear;}
#icon-nav-001 li a:hover{color:#09F;
	-o-transition:color .30s linear;
    -webkit-transition:color .30s linear;
    -moz-transition:color .30s linear;
    transition:color .30s linear;}
.col-sm-2 a:hover{color:#09F;
	-o-transition:color .30s linear;
    -webkit-transition:color .30s linear;
    -moz-transition:color .30s linear;
    transition:color .30s linear;}
.newsbox li a:hover{
color:#09F;
	-o-transition:color .20s linear;
    -webkit-transition:color .20s linear;
    -moz-transition:color .20s linear;
    transition:color .20s linear;}

.home{display:none;}
.mlmenu {width:inherit;}
#brand {
height: 500px;
margin-top: 0px;
}
#sub_ad{
z-index:1;
margin-top:70px;
}
/*#q_detail{margin-top:-40px;}*/
.wrap .top{width:980px;/**@Kyart**/margin:0 auto 0px auto;text-align:left;height:153px;
}
#q-location-map-02{height:35px;}

.menu{margin-top:35px;}
.cp{margin-bottom:50px;}
.np{margin-bottom:50px;}
.lp{margin-bottom:50px;}
.layout .leftbg .mlmenu{width:200px;}
.search {width:510px;}
.inputSearch{width:181px;padding: 8px 0px 5px 15px;}
.visitor {
color: #aaa;
position: absolute;
bottom: -55px;
right: 10%;
z-index: 1;
}
.np .nplist ul {
background-image: none;
background:none;
margin: 0 0 10px 0px;
padding: 0px; 
}

.np .nplist  li {
background-image: url(../images/icon_arrow018.gif);
text-align: left;
background-repeat: no-repeat;
background-position: 200px 25px;
padding: 0px;

margin: 5px 0;
display: inline-block;
width: 32.7%;
height: auto;
vertical-align: middle;
border: 1px solid #f2f2f2;
box-shadow: 1px 1px 3px #f2f2f2;
}
.np .nplist li:hover {
background-color:#
}
.np .nplist li a {
padding: 20px;

color:#666;
font-size: 120%;
display: block;
width: 83%;
height: 100%;
}
.np .nplist li a:hover {
color:#fff;
background-color:rgba(144,220,206,0.7);

-o-transition:background-color .30s ease-in;
-webkit-transition:background-color .30s ease-in;
-moz-transition:background-color .30s ease-in;
transition:background-color .30s ease-in;
}


.lp .list li {
background-repeat: no-repeat;
line-height: 1.5em;
padding: 5px 10px 5px 18px;
background-image: url(../images/icon_arrow018.gif);
background-position: 100% 7px;
border-bottom: 1px solid #F2F2F2;
}
.lp .list li .date {
color: #666;
float:right;
margin-right:10px;
}

.menu ul{
box-shadow:3px 3px 0px #ddd;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 1px;
padding-left:2px;
background-color: #fff;
}
.menu li {
margin: 0px 0px 0px 0px;
padding: 1px 0 1px 0px;
list-style-type: circle;
background: none;
display: block;
background-color: #fff;
height: 47px;
font-size: 16px;
font-weight: bold;
border-bottom:1px #ddd solid;
border-right:1px #ddd solid;
}
.menu li a{
padding: 5px 0 8px 15px;
font-size: 16px;
font-weight: bold;
line-height: 38px;
}
.menu li a:hover{
color:#1d3632;
}
.menu li:first-child {
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.menu li:last-child {
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.menu li:hover{
background-color:rgba(2,149,72,0.20);
	-o-transition:background-color .30s linear;
    -webkit-transition:background-color .30s linear;
    -moz-transition:background-color .30s linear;
    transition:background-color .30s linear;
}

.friendly .path{
color:#737373;
text-align:left;}
.friendly .path a{color:#737373;}
.friendly .path a:hover{color:#737373;
     color:rgba(2,149,72,1);
	-o-transition:color .30s linear;
    -webkit-transition:color .30s linear;
    -moz-transition:color .30s linear;
    transition:color .30s linear;}
.friendly .path span{color:#737373;}

.mlmenu li ul li a{width:175px;
}
.mlmenu li ul li>ul{margin-top:-80px;margin-left:190px;}
.layout .leftbg .mlmenu li ul li ul {
left: 0px;
}