@charset "utf-8";
/* CSS Document */
body { margin: 0px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; }
ul,li{margin:0;padding:0;font-weight:normal;}
li{list-style-type:none;margin: 0px;padding: 0px;}
input,form{margin:0;}
a {text-decoration: none;}
a:hover {}
a img {	border-top-width: 0px;	border-right-width: 0px;	border-bottom-width: 0px;
	border-left-width: 0px;	border-top-style: none;	border-right-style: none;
	border-bottom-style: none;	border-left-style: none;}
h1,h2,h3,h4,h5,h6{ margin: 0px; padding: 0px; font-weight: normal; }


.top { height: 337px; width: 100%; float: left; }

.top_1 { position: absolute; top: 20px; left: 0px; }

.top_2 { position: absolute; left: 564px; top: 0px; height: 31px; width: 409px; }
.top_2_01 { background-image: url(../image/top_1.png); background-repeat: no-repeat; background-position: left center; float: left; font-size: 12px; color: #7dd4d7; height: 25px; width: 416px; text-align: center; }
.top_2_01 a { color: #FFF; }
.top_2_01 a:hover { color: #FFF; background-color: #434365; }
.top_2_01 ul { padding-top: 5px; }
.top_2_02 { background-image: url(../image/top_2.png); background-repeat: no-repeat; float: left; width: 7px; background-position: left center; height: 25px; }

.top_3 { position: absolute; left: 768px; top: 36px; width: 215px; }
.top_3_01 { height: 28px; }
.top_3_02 { float: left; background-image: url(../image/search_1.png); background-repeat: no-repeat; background-position: left center; height: 34px; width: 180px; }
.top_3_03 { float: left; }
.top_3_04 { text-align: right; font-size: 12px; padding-top: 7px; padding-right: 2px; }
.top_3_04 a { color: #000; }
.top_3_04 a:hover { color: #FFF; background-color: #434365; }
.top_3_05 { border: 1px solid #D4F0F1; color: #999; margin-top: 7px; margin-left: 10px; width: 160px; background-color: #D4F0F1; }
.top_3_06 {}

.top_4 { position: absolute; left: 107px; top: 267px; width: 877px; z-index: 10; }
.top_4-1 { position: absolute; left: -17px; top: 4px; padding-top: 10px; }
.top_4-1 a { color: #CCC; }

.top_4b_1 { padding-top: 25px; padding-right: 38px; }
.top_4b_2 { padding-top: 20px; padding-right: 38px; }
.top_4b_3 { padding-top: 10px; padding-right: 39px; }
.top_4b_4 { padding-top: 4px; padding-right: 38px; }
.top_4b_5 { padding-right: 30px; z-index: 10; }
.top_4b_6 { padding-top: 5px; z-index: 9; }
.top_4b_7 { padding-top: 15px; z-index: 8; padding-left: 20px; }



.top_5 { height: 80px; width: 402px; position: absolute; left: 316px; top: 65px; }
.top_5 ul { padding: 5px; }
.top_5_01 { float: left; text-align: center; width: 58px; }
.top_5_02 { font-size: 12px; float: left; padding-top: 5px; padding-bottom: 8px; padding-left: 10px; line-height: 18px; }
.top_5_03 {}

.bg { background-image: url(../image/bg.png); background-repeat: no-repeat; background-position: center top; }
.box_1 { width: 100%; position: absolute; top: 0px; background-image: url(../image/bg_btm.png); background-repeat: no-repeat; background-position: center bottom; }
.box_2 { width: 980px; margin-right: auto; margin-left: auto; position: relative; }
.box_3 { float: left; width: 100%; }
.box_3a { float: left; width: 100%; padding-top: 15px; }

.box_3-1 { position: absolute; left: -16px; }
.box_3-1 a { color: #73BC5E; }
.box_4 { float: left; width: 510px; margin-top: 25px; }
.box_5 { float: right; width: 461px; }
.box_6 { float: left; width: 100%; margin-bottom: 30px; }

.in-ad { margin-bottom: 10px; float: left; width: 100%; }
.in-ad_01 { background-image: url(../image/ad_bg.png); background-repeat: no-repeat; background-position: left top; text-align: center; padding-top: 5px; padding-left: 5px; padding-bottom: 5px; }
.in-ad_02 { background-image: url(../image/ad_2.png); background-repeat: no-repeat; background-position: left top; height: 11px; }

.in-news { float: left; width: 100%; }

.in-news_01 { background-image: url(../image/title_1.png); background-repeat: no-repeat; background-position: left top; padding-top: 40px; position: relative; float: left; width: 100%; }
.in-news_01-1 { position: absolute; left: 404px; top: 6px; }
.in-news_01-2 { position: absolute; left: 456px; top: 6px; }

.in-news_02 { background-image: url(../image/news2_2.png); background-repeat: no-repeat; background-position: left top; height: 11px; float: left; width: 100%; }
.in-news_03 { }
.in-news_03 ul { padding-bottom: 10px; }
.in-news_03 ul li { border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #26b7bc; font-size: 12px; }
.in-news_03 ul li a { display: block; color: #000; padding: 5px; }
.in-news_03 ul li a:hover { color: #FFF; background-color: #0F9094; }

.in-news_04 { float: right; }
.in-news_05 {}

.in-news2 { position: absolute; left: 72px; top: 160px; }
.in-news2_01 { background-image: url(../image/news_3.png); background-repeat: no-repeat; background-position: left top; height: 31px; }
.in-news2_02 {}
.in-news2_03 {}

/*-----------  ----------*/

.in-a { float: left; width: 235px; }
.in-a_01 { background-image: url(../image/4box_01.png); background-repeat: no-repeat; background-position: left top; padding-top: 60px; position: relative; }
.in-a_02 { background-image: url(../image/4box_03.png); background-repeat: no-repeat; background-position: left top; padding-top: 60px; position: relative; }
.in-a_03 { background-image: url(../image/4box_05.png); background-repeat: no-repeat; background-position: left top; height: 33px; }
.in-b { float: left; width: 225px; }
.in-b_01 { background-image: url(../image/4box_02.png); background-repeat: no-repeat; background-position: left top; padding-top: 79px; position: relative; }
.in-b_02 { background-image: url(../image/4box_04.png); background-repeat: no-repeat; background-position: left top; padding-top: 60px; position: relative; }
.in-b_03 { background-image: url(../image/4box_06.png); background-repeat: no-repeat; background-position: left top; height: 15px; }



.in-four { float: left; width: 100%; }

.in-four_01 { background-image: url(../image/4box_1.png); background-repeat: no-repeat; background-position: left top; position: relative; padding-top: 56px; float: left; width: 100%; }
.in-four_01-1 { position: absolute; left: 165px; top: 21px; }
.in-four_01-1a { position: absolute; left: 155px; top: 39px; }

.in-four_01-2 { position: absolute; left: 382px; top: 11px; }
.in-four_01-3 { padding-left: 15px; padding-right: 15px; height: 222px; }
.in-four_01-3a { padding-left: 5px; padding-right: 15px; height: 222px; }

.in-four_01-4 { float: right; padding-right: 15px; }
.in-four_01-5 { height: 220px; }
.in-four_01-5 ul { padding-bottom: 10px; }
.in-four_01-5 ul li { border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #26b7bc; font-size: 12px; }
.in-four_01-5 ul li a { display: block; color: #000; padding: 5px; }
.in-four_01-5 ul li a:hover { color: #FFF; background-color: #0F9094; }

.in-four_02 { background-image: url(../image/4box_2.png); background-repeat: no-repeat; background-position: left top; float: left; width: 100%; position: relative; padding-top: 68px; padding-bottom: 5px; }

.in-four_02-1 { position: absolute; left: 164px; top: 27px; }
.in-four_02-2 { position: absolute; left: 156px; top: 27px; }
.in-four_02-3 { padding-left: 15px; padding-right: 15px; }
.in-four_02-4 { text-align: center; width: 215px; }
.in-four_02-5 { }
.in-four_02-6 { font-size: 12px; text-align: center; }
.in-four_02-6 a { color: #000; display: block; padding: 5px; }
.in-four_02-6 a:hover { background-color: #0F9094; color: #FFF; }
.in-four_02-7 {}

.in-four_03 { background-image: url(../image/4box_3.png); background-repeat: no-repeat; background-position: left top; height: 6px; float: left; width: 100%; }
.in-four_04 {}


.run-ad { height: 84px; float: left; width: 100%; position: relative; padding-top: 10px; }
.run-ad_01 { text-align: center; position: absolute; left: 932px; top: 75px; }
.run-ad_02 { float: left; width: 870px; }
.run-ad_03 { }

.btm { float: left; width: 100%; height: 110px; padding-bottom: 50px; }
.btm_01 { float: left; padding: 10px; background-image: url(../image/btm/qr-bg.png); background-repeat: no-repeat; background-position: center center; }
.btm_02 { float: left; padding-top: 5px; padding-left: 5px; }
.btm_03 { float: left; font-size: 12px; line-height: 18px; padding-top: 14px; width: 430px; }
.btm_04 { float: right; padding-top: 18px; padding-right: 20px; }
.btm_04-1 { text-align: center; padding-bottom: 5px; }
.btm_04-2 { background-image: url(../image/btm/button.png); background-repeat: no-repeat; background-position: center center; font-size: 12px; color: #FFF; padding-top: 7px; padding-right: 17px; padding-bottom: 7px; padding-left: 17px; }
.btm_04-2 a { color: #FFF; }
.btm_04-2 a:hover { background-color: #000; }
.btm_05 { float: left; background-image: url(../image/icon/line_1.png); background-repeat: no-repeat; background-position: center center; padding-right: 25px; padding-left: 25px; height: 100px; }


.main { float: left; width: 100%; }
.main_01 { float: left; width: 220px; }
.main_01-1 { background-image: url(../image/main_1.png); background-repeat: repeat; background-position: left top; }
.main_01-2 { background-image: url(../image/main_2.png); background-repeat: no-repeat; background-position: left top; height: 10px; }
.main_01-3 { font-family: "微軟正黑體"; font-size: 20px; font-weight: bold; color: #FFF; padding-top: 10px; padding-bottom: 25px; text-align: center; }

.main_02 { float: right; width: 740px; }
.main_03 { background-image: url(../image/main_3.png); background-repeat: no-repeat; background-position: left center; float: left; height: 40px; width: 100%; font-size: 12px; color: #FFF; position: relative; }
.main_03 a { color: #FFF; margin-right: 6px; margin-left: 6px; }
.main_03 a:hover  { color: #000; }
.main_03 ul { padding-top: 12px; padding-left: 23px; background-image: url(../image/icon/icon_1.png); background-repeat: no-repeat; background-position: 10px 12px; }
.main_03-1 { position: absolute; left: 523px; top: 7px; width: 216px; }
.main_03-1 ul { padding: 0px; }
.main_03-1 ul li { float: left; margin-right: 2px; }
.main_03-1 ul li a { margin: 0px; padding: 0px; }
.main_03-1 ul li a:hover { background-color: none; }

.main_03-2 {}
.main_03-3 {}

.main_04 { float: left; width: 100%; font-family: "微軟正黑體"; font-size: 18px; font-weight: bold; color: #000; padding-top: 50px; padding-bottom: 15px; }
.main_04-1 { margin-right: 12px; margin-bottom: -5px; }
.main_05 { float: left; width: 100%; font-size: 75%; line-height: 24px; color: #666; border-top-width: 2px; border-bottom-width: 2px; border-top-style: solid; border-bottom-style: solid; border-top-color: #82E3E6; border-bottom-color: #82E3E6; padding-top: 20px; padding-bottom: 30px; }
.main_06 { float: left; width: 100%; font-size: 12px; color: #999; padding-top: 30px; padding-bottom: 50px; }
.main_06-1 { float: right; margin-right: 10px; }
.main_07 { float: left; width: 100%;}
.main_08 { float: left; width: 100%;}



/*-- div下方清空語法 --*/
.zbox:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.zbox {  display: inline-block;}
html[xmlns] .clearfix { display: block;}
* html .clearfix {  height: 1%;}