@charset "utf-8";
/* =============================================================================
   BASIC
   ========================================================================== */
html, body { height: 100%; }
body { background: #FFF;}
body, th, td, input { font-family: "PT Sans", "微軟正黑體", Microsoft JhengHei, Arial, Helvetica, sans-serif; font-size: 14px; }
a { text-decoration: none; }
b { font-weight: normal; }
h1, h2, h3, h4, h5, h6 { font-weight: 700; }
h1 { font-size: 30px; font-family: "PT Sans", "微軟正黑體", Microsoft JhengHei, Arial, Helvetica, sans-serif; margin: 0 0 1em; line-height: 1.2em; color:#3d89c0;}
h2 { font-size: 26px; font-family: "PT Sans", "微軟正黑體", Microsoft JhengHei, Arial, Helvetica, sans-serif; margin: 0 0 0.8em; line-height: 1.2em; color:#3d89c0;}
h3 { font-size: 24px; font-family: "PT Sans", "微軟正黑體", Microsoft JhengHei, Arial, Helvetica, sans-serif; margin: 0 0 0.8em; color:#535353;}
h4 { font-size: 22px; font-family: "PT Sans", "微軟正黑體", Microsoft JhengHei, Arial, Helvetica, sans-serif; margin: 0 0 0.8em; color:#535353;}
h5 { font-size: 18px; font-family: "PT Sans", "微軟正黑體", Microsoft JhengHei, Arial, Helvetica, sans-serif; margin: 0 0 0.8em; color:#535353;}
h6 { font-size: 16px; font-family: "PT Sans", "微軟正黑體", Microsoft JhengHei, Arial, Helvetica, sans-serif; margin: 0 0 0.8em; color:#535353;}
.lowmb{ margin: 0; }
hr{ border-top:solid #f2f2f2 1px;}
p,li { font-size: 14px; line-height: 1.8em; color: #5b5b5b; }
a:link, a:visited { text-decoration: none; cursor: pointer; }
.inner-width { position: relative; width:100%; max-width: 1200px; margin: auto; }
.pgload, .picload { opacity: 0; 
-webkit-transition: opacity 0.4s ease-in-out;
   -moz-transition: opacity 0.4s ease-in-out;
	-ms-transition: opacity 0.4s ease-in-out;
	 -o-transition: opacity 0.4s ease-in-out;
		transition: opacity 0.4s ease-in-out;
}
.pgloaded, .picloaded { opacity: 1; }
.desk-960 { display: block; }
.mobile-480 { display: none; }
.mix { display: none; }
.w33{ width:33.3%; float:left;}
.openpg:hover{ opacity:0.8;}

/*Element*/
.ie { position: fixed; width: 60%; height: 80%; padding: 10% 20%; text-align: center; left: 0; top: 0; background: #CCC; z-index: 9999; }
.ie h2, .ie h4 { color: #333 !important; }
.ie p { text-align: center; color: #333 !important; font-size: 13px; }
.ie a { color: #F36; }

.loadbar { position: fixed; background: #333; width: 0; height: 4px; top: 0; left: 0; z-index: 2000; overflow: hidden; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }
.loadbar.ed { opacity: 0; height: 0; border: none; }
/*FITIMG*/
.imgLiquidFill { opacity: 0; 
-webkit-transition: opacity 0.4s ease-in-out;
   -moz-transition: opacity 0.4s ease-in-out;
	-ms-transition: opacity 0.4s ease-in-out;
	 -o-transition: opacity 0.4s ease-in-out;
		transition: opacity 0.4s ease-in-out;
}
.imgLiquid_ready { opacity: 1; }
.resetli ul, .resetli li { margin: 0; padding: 0; list-style: none; }
/*BLOCK*/
#wrapper { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; }
#header { position: fixed; top:0; left:0; width:100%; height:60px; z-index: 1000; 
-webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out;  background:rgba(52,139,203,.40);
}
#header:hover, #header.ed{ background:rgba(52,139,203,.97);}
#content { position: relative; margin: auto; padding: 0; }
#content.page { background:#FFF; background:rgba(255,255,255,0.9);}

#footer { padding: 10px; text-align: left; overflow: auto; background:rgb(52,139,203); color: #FFF; }

#footer .copyright { font-size: 13px; text-align:right; padding:10px; width:940px; margin:auto;}
#footer .info { font-size: 13px; text-align:right; padding:0 10px; width:940px; margin:auto;}


#path { padding: 20px; text-align:left; margin-top:15px;}
#path a { color: #717171; margin: 0 5px 0 0; font-size:13px;}
#path span { margin: 0 2px; }
#path strong { color: #3d89c0; }
#path i { color: #3d89c0; }
.block_bg { position: relative; z-index: 100; margin: 200px auto 0; padding: 50px 15px 40px 15px; background: #FFF; background: rgba(255,255,255,.95); width: 930px; min-height: 500px; }
#full_block { position: relative; height:90px;}
#left_block { float: left; width: 25%;  }
#right_block { float: right; width: 25%; }
#left_block ul, #left_block li { list-style: none; margin: 0; }
#main_block { float: left; width: 75%;  }
.pager_bar { padding: 20px 5px; text-align: center; clear: both; }
.pager_bar.right { text-align: right; }
.pager_bar a { display: inline-block; padding: 0 10px; line-height: 30px; margin: 0 4px 0 0; color: #666; font-size: 15px; }
.pager_bar a.arrow { color: #C6D725; }
.pager_bar a:hover, .pager_bar a.cur { color: #FFF; background: #3d89c0; }
.links { text-align: left; padding: 5px 0; }
.btn_send, .btn_send:visited { display: inline-block; border: none; padding: 5px 25px; line-height: 28px !important; font-size: 15px; color: #FFF!important; position: relative\0/; z-index: 1\0/; *position: relative;*z-index: 1;*height: 28px;cursor: pointer; text-align: center; border-radius:5px;
background: #3d89c0;
}
.btn_send:hover, .btn_send:active { color: #FFF !important; text-decoration: none; opacity: 0.8; }
.btn_send i{ display: inline-block; margin:0 6px 0 0;}
.btn_send:after { content: ""!important; }


.btn_more { display: inline-block; padding: 5px; color: #666; position: relative; font-weight: 700; font-size: 14px; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }
.btn_more:before { content: ''; display: block; background: url(../images/btn.png) center bottom repeat-x; position: absolute; top: 30%; left: 100%; width: 6px; height: 12px; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }
.btn_more:hover { color: #000; }
.btn_more:hover:before { content: ''; display: block; background: url(../images/btn.png) center bottom repeat-x; position: absolute; top: 30%; left: 100%; width: 100px; height: 12px; }

.logo { float:left; padding: 14px 10px; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }
.logo img { height:24px;
-webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }

.top_menu {  position: relative; padding:20px 10px; float:right;
-webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }
.top_menu ul { list-style: none; margin: 0; padding: 0; }
.top_menu>ul>li { display: block; position: relative; float: left; margin: 0 16px; height:40px;}
.top_menu>ul>li>a { z-index:1; position:relative; display: block; padding: 4px 10px; font-size: 14px; font-weight: 700; color: #FFF; letter-spacing:1px; position: relative; text-align: center; line-height: 1.2em; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }
.top_menu>ul>li:first-child{ margin-left:0;}

.top_menu>ul>li>a:before { -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; display:block; content:''; background:#1e71ae; position:absolute; top:-10px; left:0; width:100%; height:54px; z-index:-1; opacity:0;
-webkit-transform: rotate(-7deg); -ms-transform: rotate(-7deg); -o-transform: rotate(-7deg); -moz-transform: rotate(-7deg);  transform: rotate(-7deg); 
}
.top_menu>ul>li>a:after { -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; display:block; content:''; background:#1e71ae; position:absolute; top:-10px; left:0; width:100%; height:54px; z-index:-2; opacity:0;
-webkit-transform: rotate(14deg); -ms-transform: rotate(14deg); -o-transform: rotate(14deg); -moz-transform: rotate(14deg);  transform: rotate(14deg); 
}
.top_menu>ul>li>a.cur { color:#fff462;}
.top_menu>ul>li>a:hover:before, .top_menu>ul>li>a.on:before, .top_menu>ul>li>a.cur:before { display:block; content:''; background:#1e71ae; position:absolute; top:-10px; left:0; opacity:1;
-webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);  transform: rotate(0deg); 
}
.top_menu>ul>li>a:hover:after, .top_menu>ul>li>a.on:after, .top_menu>ul>li>a.cur:after { display:block; content:''; background:#1e71ae; position:absolute; top:-10px; left:0; opacity:0.5;
-webkit-transform: rotate(7deg); -ms-transform: rotate(7deg); -o-transform: rotate(7deg); -moz-transform: rotate(7deg);  transform: rotate(7deg); 
}
.top_menu .submenu{ display:none; position: fixed; width:100%; top:60px; left:0; background:#FFF; background:rgba(255,255,255,.95); padding:30px 0; border-bottom:2px #f2f2f2 solid;}
.top_menu .submenu .pic{ float:right; width:260px; height:145px; margin: 0 0 0 20px;}
.top_menu .submenu .list ul{ display:block; overflow: auto;}
.top_menu .submenu .list li{ display:block; float: left; border-left:solid 1px #CCC;}
.top_menu .submenu .list li:first-child{ border-left: none;}
.top_menu .submenu .list a{ display:block; padding:5px 20px; color:#333; white-space:nowrap;
-webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out;
}
.top_menu .submenu .list a:hover, .top_menu .submenu .list a.cur{ background:#1e71ae;  color:#FFF;}
.lan_menu{ float:right; padding:14px 0;}



.bx-wrapper { margin: 0 auto !important; }
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { width: 94%!important; margin: 0 3% !important; }
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { }
.bx-wrapper .bx-pager.bx-default-pager a { display: block; background: #FFF !important; opacity: 0.5; text-indent: -9999px !important; text-align: left; }
.bx-wrapper .bx-pager.bx-default-pager a.active { background: #FFF !important; opacity: 1; }


.inx_banner { padding: 0; position: relative;}
.inx_banner ul, .inx_banner li { list-style: none; margin: 0; padding: 0; }
.inx_banner a { display: block; }
.inx_banner a>div { display: block; min-height: 700px;}
.bx-viewport{ min-height:700px;}
.page_banner { padding: 0; position: relative; margin: 0 0 5px 0; }
.page_banner ul, .inx_banner li { list-style: none; margin: 0; padding: 0; }
.page_banner a { display: block; }
.page_banner a>div { display: block; height: 450px;}


/*inx_pro_box*/
.inx_pro_box { position: relative; overflow: hidden; padding:5px 0;}
.inx_pro_box h1{ letter-spacing:2px; display:block; text-align:center; margin:20px 0; line-height:1em; color:#999;}
.inx_pro_box ul { display: block; margin: 0 -4px; padding: 0; list-style: none; }
.inx_pro_box>ul>li{ display:block; float: left; overflow: hidden; width: 25%; }
.inx_pro_box a { display: block; position: relative; margin:4px; overflow:hidden;}
.inx_pro_box a h3{ position:absolute; bottom:10px; left:0; width:86%; margin:0 5%; padding:10px 2%; background:#333; background:rgba(0,0,0,0.6); color:#FFF; text-align:center; z-index:10;
-webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; font-size:18px;
}
.inx_pro_box a>div {  height:315px;}
.inx_pro_box a>div { display: block;
-webkit-transition: -webkit-transform .5s ease-in-out, opacity 0.4s ease-in-out;
   -moz-transition: -moz-transform .5s ease-in-out, opacity 0.4s ease-in-out;
    -ms-transition: -ms-transform .5s ease-in-out, opacity 0.4s ease-in-out;
     -o-transition: -o-transform .5s ease-in-out, opacity 0.4s ease-in-out;
        transition: transform .5s ease-in-out, opacity 0.4s ease-in-out;

}
.inx_pro_box a:hover>div { 
-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); 
}
.inx_pro_box a:hover h3{ background:#000; background:rgba(0,0,0,0.8); padding:24px 2% 14px;}

/*intro_pro_box*/
.intro_pro_box { position: relative; overflow: hidden; padding:5px 0;}
.intro_pro_box h1{ letter-spacing:2px; display:block; text-align:center; margin:0; }
.intro_pro_box ul { display: block; margin: 0 -4px; padding: 0; list-style: none; }
.intro_pro_box>ul>li{ display:block; float: left; overflow: hidden; width: 33.3%; }
.intro_pro_box a { display: block; position: relative; margin:4px; overflow:hidden;}
.intro_pro_box a h3{ width:86%;  min-height:52px; margin:0 5%; padding:10px 2%; background:#333; background:rgba(0,0,0,0.6); color:#FFF; text-align:center; z-index:10;
-webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; font-size:18px;
}
.intro_pro_box a>div {  height:240px;}
.intro_pro_box a>div { display: block;
-webkit-transition: -webkit-transform .5s ease-in-out, opacity 0.4s ease-in-out;
   -moz-transition: -moz-transform .5s ease-in-out, opacity 0.4s ease-in-out;
    -ms-transition: -ms-transform .5s ease-in-out, opacity 0.4s ease-in-out;
     -o-transition: -o-transform .5s ease-in-out, opacity 0.4s ease-in-out;
        transition: transform .5s ease-in-out, opacity 0.4s ease-in-out;

}
.intro_pro_box a:hover>div { 
-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); 
}
.intro_pro_box a:hover h3{ background:#000; background:rgba(0,0,0,0.8); padding:14px 2% 24px;}

/*title_box*/
.title_box { font-size: 30px; color:#3d89c0; font-weight: 700; margin:10px 0 0 0; padding:0 40px 0 20px; line-height:53px;}

/*left_menu_box*/
.left_menu { padding: 20px; }
.left_menu>ul>li { display: block; border-bottom: solid 1px #decfe5; padding: 2px 0 }
.left_menu>ul>li>a { display: block; padding: 10px; color: #333; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; font-size:20px;}
.left_menu>ul>li>a:before{ float:right; font-size:24px; color:#ccc;
	content: "\f105";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
}
.left_menu>ul>li.header>a:before{ float:right; font-size:24px; color:#333;
	content: "\f104";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
}
.left_menu>ul>li>a:hover, .left_menu>ul>li>a.cur { background: #404040; color: #FFF; }
.left_menu>ul>li.header>a:hover:before, .left_menu>ul>li.header>a.cur:before { color: #FFF; }

.left_menu .submenu { display: block; padding: 0 0 0 1em; }
.left_menu .submenu li { padding: 2px 0 }
.left_menu .submenu a { display: block; padding: 5px 10px; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; color:#999;}
.left_menu .submenu a:before{ content:'- '}
.left_menu a:hover, .left_menu a.cur { background: #e3e3e3; color: #333; }


/*left_ad_box*/
.left_ad_box { padding: 4px; background:#f4f4f4;}
.left_ad_box.news { padding:4px; margin-top:16px; background:#f4f4f4;}
.left_ad_box a { display: block; margin: 0 0 4px 0; 
-webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out;}
.left_ad_box a:hover{ opacity:0.8;}
.left_ad_box a img{ width:100%; height:auto;}


/*inner_box*/
.inner_box { padding: 40px 10px; }
.inner_box h1, .inner_box  h2, .inner_box  h3, .inner_box  h4, .inner_box  h5, .inner_box  h6 { font-weight: 400; }
.inner_box img { max-width: 100%; height: auto; }
.inner_box iframe { max-width: 100%; }
.inner_box .store_link a img{ border:solid 1px #f2f2f2; -webkit-transition: 0.4s ease-in; -moz-transition: 0.4s ease-in; -ms-transition: 0.4s ease-in; -o-transition: 0.4s ease-in; transition: 0.4s ease-in;}
.inner_box .store_link a:hover img{ opacity:0.8; box-shadow:0 0 10px rgba(0,0,0,.2);}

.inner_box .view { position: relative; padding: 0 23px; }
.inner_box li { margin: 0 0 6px 0; }
.inner_box hr { clear: both; }
.pro_box { padding: 20px 20px;}
.pro_box .list { }
.pro_box .list ul, .pro_box .list li { display: block; list-style: none; margin: 0; padding: 0; }
.pro_box .list li { float: left; width: 33.3%; }
.pro_box .list .item { position: relative; display: block; background: #CCC;  margin: 4px; -webkit-transition: 0.4s ease-in; -moz-transition: 0.4s ease-in; -ms-transition: 0.4s ease-in; -o-transition: 0.4s ease-in; transition: 0.4s ease-in; overflow:hidden;}
.pro_box .list .item>.imgLiquidFill { width: 100%; height: 200px; }
.pro_box .list .item>h3 { position: absolute; left: 5%; margin: 0; bottom: 8px; width: 80%; padding: 5px 5%; background: 000; background: rgba(0,0,0,.6); color: #CCC; -webkit-transition: 0.4s ease-in; -moz-transition: 0.4s ease-in; -ms-transition: 0.4s ease-in; -o-transition: 0.4s ease-in; transition: 0.4s ease-in; font-size:16px;}
.pro_box .list .item:hover .imgLiquidFill { opacity: 1;  }
.pro_box .list .item:hover>h3 { background: #000; color: #FFF; padding:12px 5% 7px;}
.pro_box .inner { padding: 30px 0 0 0; }
.inner_box.pro { padding: 50px; }
.inner_box.pro>h2 { margin: 0 0 0 -20px; }
.pro_box .inner .cover { width: 48%; float: left; margin: 0 2% 0 0 }
.pro_box .inner .cover .big{ width:100%; height:450px; overflow:hidden;}
.pro_box .inner .cover .bx-pager { display: none !important; }
.pro_box .inner .cover ul, .pro_box .inner .pg li { display: block; list-style: none; margin: 0; padding: 0; }
.pro_box .inner .cover li { position: relative; width: 20%; float: left; }

.pro_box .inner .cover .item { position: relative; display: block; margin: 5px; opacity: 0.9; -webkit-transition: 0.4s ease-in; -moz-transition: 0.4s ease-in; -ms-transition: 0.4s ease-in; -o-transition: 0.4s ease-in; transition: 0.4s ease-in; }
.pro_box .inner .cover .item>.imgLiquidFill { width: 100%; height: 70px; }

.pro_box .inner .cover .item>h3 { position: absolute; left: 5%; margin: 0; bottom: 8px; width: 80%; padding: 5px 5%; background: 000; background: rgba(0,0,0,.4); color: #CCC; font-size: 13px; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-transition: 0.4s ease-in; -moz-transition: 0.4s ease-in; -ms-transition: 0.4s ease-in; -o-transition: 0.4s ease-in; transition: 0.4s ease-in; }
.pro_box .inner .cover .item:hover { opacity: 1; }
.pro_box .inner .cover .item:hover:before { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,.5); text-align: center; line-height: 70px; content: "\f002"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; /*--adjust as necessary--*/ color: #FFF; font-size: 18px; }
.pro_box .inner .cover .item:hover>h3 { background: #a49f91; color: #FFF; }
.pro_box .inner .info { width: 50%; float: left; }

/*contact_box*/
.contact_box { padding: 20px; position: relative; }
.contact_box .info { width: 40%; margin: 0 2% 0 0; float: right; position: relative; }
.contact_box .info img { max-width: 100%; }
.contact_box .forms { width: 55%; float: left; position: relative; }
.contact_box .forms th { font-size: 14px; position: relative; text-align: right; }
.contact_box .forms td { font-size: 14px; position: relative; }
.contact_box .forms .t1 { width: 100%; padding: 2px; line-height: 20px; font-size: 15px; background: #f2f2f2; border: none; }
.contact_box .forms .t2 { width: 100%; padding: 2px; line-height: 20px; font-size: 15px; background: #f2f2f2; border: none; height: 200px; }
.contact_box .forms .t3 { float: left; width: 40%; padding: 2px; line-height: 20px; font-size: 15px; background: #f2f2f2; border: none; margin: 0 10px 0 0; }
.contact_box .forms .code { float: left; margin: 0 5px 5px 0; }

/*news_box*/
.news_box{ padding:20px 30px;}
.news_box h1{ font-size:20px; letter-spacing:2px; font-weight:bold; color:#601986;}
.news_box ul { display: block; margin: 0; padding: 0; list-style: none; }
.news_box>ul>li{ border-top: solid 1px #CCC; }
.news_box>ul>li:first-child {  border-top: none;}
.news_box .date { display: block; font-size: 15px; line-height: 2em; color: #601986; }
.news_box>ul>li>a { display: block; overflow: auto; padding:10px; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out;}
.news_box>ul>li>a h3 { font-size:18px; height: 1.6em; color: #666; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin:0;}
.news_box>ul>li>a:hover { color: #FFF; background: #f2f2f2; }
.news_box>ul>li>a:hover h3 { color: #000; }


/*guestbook_box*/
#guestbook_box { padding: 20px; position: relative; }
.guestbook_con { padding: 20px; margin-bottom: 5px; background-color: #FFF; border: solid 1px #CCC; }
.guest_top { overflow: hidden; line-height: 2em; background-color: #86599d; padding: 5px 15px; color: #FFF; }
.guest_user { padding: 20px; color: #000; background-color: #FFF; }
.guest_admin { padding: 20px; background-color: #f2f2f2; color: #000; }
.name { border-bottom: solid 1px #333; line-height: 2em; }
.guest_bottom { text-align: right; padding: 5px 10px; background-color: #FFF; color: #86599d; }
.guestbook_msg { position: absolute; top: 20px; right: 14px; margin: 5px; padding: 5px 10px; background: #86599d; color: #FFF; cursor: pointer; text-align:center; width:100px;}
.guestbook_msg .CHT{ display:none;}
.guestbook_msg:hover .CHT{ display: block;}
.guestbook_msg:hover .ENG{ display: none;}
#view_overlay { display: none; position: fixed; width: 100%; height: 100%; z-index: 1800; background: #000; background: rgba(0,0,0,.7); overflow: auto; }
#view_box { width: 600px; height: 450px; background: #FFF; margin: 4% auto; position: relative; z-index: 10; }
#view_overlay .mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; }
#view_box .inner { padding: 20px; }
#view_box .close { position: absolute; top: -16px; right: -16px; cursor: pointer; }
#view_box .date { font-size: 12px; color: #ED6099; padding: 4px; }
#view_box .inner h1 { font-size: 26px; color: #525252; margin: 0 0 5px 0; }
#view_box .forms { position: relative; padding: 10px; }
#view_box .forms th { font-size: 14px; position: relative; text-align: right; }
#view_box .forms td { font-size: 14px; position: relative; }
#view_box .forms .t1 { width: 100%; padding: 2px; line-height: 20px; font-size: 15px; background: #f2f2f2; border: none; }
#view_box .forms .t2 { width: 100%; padding: 2px; line-height: 20px; font-size: 15px; background: #f2f2f2; border: none; height: 200px; }
#view_box .forms .t3 { float: left; width: 40%; padding: 2px; line-height: 20px; font-size: 15px; background: #f2f2f2; border: none; margin: 0 10px 0 0; }
#view_box .forms .code { float: left; margin: 0 5px 5px 0; }

.sitemap_menu{ overflow:auto; padding:14px;}
.sitemap_menu a{ color:#FFF;}
.sitemap_menu ul{ position:relative; margin:0; padding:0; list-style:none;}
.sitemap_menu>ul>li{ width:10.5%; float:left; margin:0 1% 10px 1%;}
.sitemap_menu>ul>li>a{ display:block; margin:0; border-bottom:solid 2px #FFF; padding:5px; font-weight:bold;}
.sitemap_menu>ul>li>ul{ position:relative; margin:0; padding:10px; list-style:none;}
.sitemap_menu>ul>li>ul a{ display:block; padding:5px;}
.sitemap_menu a:hover{ background:#FFF; color:#333;}


/*RWD*/
@media only screen and (max-width: 480px) {
	#full_block { height: auto;}
.loadbar{ display:none;}
.sitemap_menu{ display:none;}
.inner-width{ width:100%;}
.desk-960 { display: none; }
.mobile-480 { display: block; }
#wrapper { min-width: inherit; }
#wrapper.on { left: 270px; }
#header {}
#header.on { left: 270px; }
.search_box { width:90%; padding:0 5%; position:relative;}
.search_box input{ width:90%; float:left; padding:0; margin:0; line-height:28px;}
.search_box a{ width:10%; padding:0; float:left; text-align:center;}
#content { width: 100%; padding-top:60px;}
#footer { width: 92%; padding: 20px 4% }
#footer .copyright { float: none; width: 100%; padding: 0; text-align: center; }
#footer .info { font-size: 18px; text-align: center; float: none; width: 100%; padding: 0; }
#footer .info i { font-size: 24px; }
#left_block { float: none; width: 100%; }
#main_block { float: none; width: 100%; }
#path{ position:relative; left:0; top:0; float:none; text-align:left;}
.left_ad_box { display: none; }
.logo { padding: 10px; float: none; text-align: center; }
.logo img { width: auto; height: 25px; }
.top_menu { position: absolute; top: 0; left: 0; }
.top_menu .submenu{ display:block !important; position: inherit !important; left:auto; top:auto; background:#f2f2f2; margin:0; width:100%; padding:0;}
.top_menu .submenu .txt, .top_menu .submenu .pic{ display:none;}
.top_menu .submenu li{ border-bottom: solid 1px #CCC;}
.top_menu .submenu li a{ color:#333; padding:10px 20px;}

.top_menu>ul { position: fixed; top: 0; left: -271px; padding: 0 20px; width: 230px; height: 100%; background: #FFF; overflow: auto; -webkit-overflow-scrolling: touch; -webkit-transition: 0.4s ease-in; -moz-transition: 0.4s ease-in; -ms-transition: 0.4s ease-in; -o-transition: 0.4s ease-in; transition: 0.4s ease-in; }
.top_menu ul.on { left: 0; }
.top_menu>ul>li { display: block; float: none; margin: 0; border-bottom: solid 1px #333; height:auto;}
.top_menu>ul>li>a { padding: 10px 20px; margin: 0; text-align: left; }
.top_menu .icon:before { display: block; content: "\f0c9"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; /*--adjust as necessary--*/ color: #FFF; font-size: 32px; position: absolute; top: 15px; left: 10px; z-index: 100; }
.top_menu .icon.on:before { display: block; content: "\f00d"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; /*--adjust as necessary--*/ color: #999; font-size: 32px; position: absolute; top: 15px; left: 10px; z-index: 100; }
.inx_banner a>div { height: 140px; }
.page_banner a>div { height: 100px; }

.inx_ad_box ul { margin: 0;}
.inx_ad_box li { width: 100%!important; float: none;}
.inx_ad_box li a, .inx_ad_box li a>div { height:200px}


.inx_about_box .pic { width: 100%; float: none; margin: 0; overflow: hidden; }
.inx_news_box { width: 92%; float: none; padding: 0 4%; }
.inx_about_box { width: 92%; float: none; padding: 0 4%; }
.inx_about_box .pic { width: 100%; float: none; margin: 0 0 20px 0; overflow: hidden; }
.inx_about_box .pic img { width: 100%; height: auto; }
.inx_about_box .txt{ height:auto; overflow:visible;}

.inx_mv_box {width: 100%;float: none;}

.inx_pro_box>ul>li { width: 50%;}
.foot_menu{ display:none;}

.store_box ul>li .pic { width: 100%; height: 120px; margin: 0 0 10px 0; }
.store_box ul>li h4 { clear: both; margin: 0; }
.inner_box, .pro_box { padding: 10px; }
.pro_box .list li { width: 50%; }
.pro_box .inner { padding: 0; }
.pro_box .inner .cover { width: 100%; float: none; margin: 0; }
.pro_box .inner .cover .big{ height:340px;}
.pro_box .inner .info { width: 100%; float: none; margin: 0; }
.inner_box.pro { padding: 20px; }
.contact_box .info { width: 100%; margin: 0; float: none; }
.contact_box .forms { width: 100%; float: none; }
.contact_box .forms .t3 { float: left; width: 52%; margin: 0; }
.btn_send { width: 100%; padding:10px 0;}
#guestbook_box { padding: 10px; }
.guestbook_msg { top: 10px; right: 10px; }
.guest_user { padding: 10px; }
#view_box { width: 100%; height: 92%; margin: 8% auto 0; }
#view_box .inner { padding: 10px; }
#view_box .close { top: -25px; right: 0; z-index: 1000; }

.inner_box h2{ clear:both;}
.inner_box td{ max-width:50%;}
.pic-items{ width:100% !important;}
.intro_pro_box>ul>li{ float: none; width: 100%; }
}