@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; }



.adbox { float: left; width: 100%; position: relative; }
.adbox_1 { float: left; background-image: url(../image/ad_1.png); background-repeat: no-repeat; background-position: center center; height: 381px; width: 609px; }
.adbox_1_01 { padding-top: 22px; padding-left: 9px; }

.adbox_2 { height: 381px; width: 377px; position: absolute; left: 619px; }
.adbox_2_01 { padding-top: 25px; padding-left: 12px; }
.adbox_2_02 { width: 245px; }
.adbox_2_03 { font-size: 11px; font-weight: normal; position: absolute; left: 254px; top: 8px; width: 72px; }
.adbox_3 { position: absolute; left: -18px; }


.seven { float: left; width: 100%; background-image: url(../image/six_1.png); background-repeat: no-repeat; background-position: left top; padding-top: 10px; height: 275px; padding-bottom: 5px; }
.seven_bg { background-image: url(../image/six_2.png); background-repeat: no-repeat; background-position: left top; float: left; height: 11px; width: 100%; }

.seven_1 { float: left; width: 202px; }
.seven_1_01 { font-family: "微軟正黑體"; font-size: 15px; font-weight: bold; padding-top: 25px; padding-bottom: 18px; padding-left: 110px; }
.seven_1_02 {}
.seven_1_02 ul { padding-right: 9px; padding-left: 10px; padding-top: 15px; padding-bottom: 15px; }
.seven_1_02 ul li {}
.seven_1_02 ul li a { display: block; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #a0d9f4; font-size: 12px; padding-top: 7px; padding-bottom: 7px; padding-left: 30px; color: #000000; }
.seven_1_02 ul li a:hover { background-image: url(../image/icon/icon_2.png); background-repeat: no-repeat; background-position: 5px center; background-color: #84CEF3; color: #000000; }
.seven_1_03 { text-align: right; padding-right: 12px; padding-bottom: 6px; }

.seven_2 { float: left; width: 202px; }
.seven_2_01 { font-family: "微軟正黑體"; font-size: 15px; font-weight: bold; padding-top: 25px; padding-bottom: 18px; padding-left: 110px; }
.seven_2_02 {}
.seven_2_02 ul { padding-top: 5px; padding-left: 10px; padding-right: 10px; }
.seven_2_02 ul li {}
.seven_2_02 ul li a { display: block; font-size: 12px; padding-top: 7px; padding-bottom: 7px; padding-left: 30px; color: #000000; }
.seven_2_02 ul li a:hover { background-image: url(../image/icon/icon_2.png); background-repeat: no-repeat; background-position: 5px center; background-color: #84CEF3; color: #000000; }
.seven_2_03 { text-align: right; padding-right: 12px; padding-bottom: 6px; }

.seven_3 { float: left; width: 203px; }
.seven_3_01 { font-family: "微軟正黑體"; font-size: 15px; font-weight: bold; padding-top: 25px; padding-bottom: 18px; padding-left: 110px; }
.seven_3_02 {}
.seven_3_02 ul { padding-top: 5px; padding-left: 10px; padding-right: 10px; }
.seven_3_02 ul li {}
.seven_3_02 ul li a { display: block; font-size: 12px; padding-top: 7px; padding-bottom: 7px; padding-left: 30px; color: #000000; }
.seven_3_02 ul li a:hover { background-image: url(../image/icon/icon_2.png); background-repeat: no-repeat; background-position: 5px center; background-color: #84CEF3; color: #000000; }
.seven_3_03 { text-align: right; padding-right: 12px; padding-bottom: 6px; }


.seven_4 { float: left; width: 157px; margin-left: 19px; }
.seven_4_01 { font-family: "微軟正黑體"; color: #FFFFFF; padding-top: 22px; padding-left: 20px; padding-bottom: 10px; }
.seven_4_02 { padding-top: 5px; padding-left: 4px; }
.seven_4_02 ul {}
.seven_4_02 ul li { margin-bottom: 2px; }
.seven_4_02 ul li a { border: 1px solid #83C5E2; display: block; width: 148px; }
.seven_4_02 ul li a:hover {border-top-color: #660099; border-right-color: #660099; border-bottom-color: #660099; border-left-color: #660099;}
.seven_4_03 { text-align: right; padding-right: 6px; padding-bottom: 10px; padding-top: 6px; }


.seven_5 { float: left; margin-left: 7px; }
.seven_5_01 { font-family: "微軟正黑體"; color: #FFFFFF; padding-top: 22px; padding-left: 20px; padding-bottom: 10px; }
.seven_5_02 { padding-top: 5px; padding-left: 6px; }
.seven_5_02 ul {}
.seven_5_02 ul li { margin-bottom: 2px; }
.seven_5_02 ul li a { border: 1px solid #83C5E2; display: block; }
.seven_5_02 ul li a:hover {border-top-color: #660099; border-right-color: #660099; border-bottom-color: #660099; border-left-color: #660099;}
.seven_5_03 { text-align: right; padding-right: 6px; padding-bottom: 10px; padding-top: 6px; }



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

.top_1 { position: absolute; font-size: 12px; color: #7dd4d7; padding-top: 5px; padding-left: 10px; }
.top_1 a { color: #FFF; margin-right: 6px; margin-left: 6px; }
.top_1 a:hover { color: #000; }

.top_2 { position: absolute; left: 34px; top: 43px; }

.top_3 { position: absolute; left: 452px; top: 0px; width: 210px; }
.top_3_01 { height: 28px; }
.top_3_02 { float: left; background-image: url(../image/search_1.png); background-repeat: no-repeat; background-position: left top; height: 34px; width: 175px; }
.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 #FFF; color: #999; margin-top: 4px; margin-left: 10px; width: 160px; }

.top_4 { position: absolute; top: 75px; left: 478px; z-index: 10; width: 170px; height: 85px; }
.top_5 { position: absolute; left: 737px; z-index: 1; }
.top_6 { position: absolute; left: 850px; top: 0px; }

.top_7 { position: absolute; left: 61px; top: 172px; width: 936px; height: 41px; z-index: 10; }
.top_7-1 { padding-top: 16px; font-size: 12px; font-weight: normal; padding-right: 0px; padding-left: 0px; }
.top_7-2 { position: absolute; left: -21px; }

.bg { background-image: url(../image/bg.png); background-repeat: no-repeat; background-position: center top; }
.bga{ background-image: url(../image/bga.png); background-repeat: no-repeat; background-position: center top; }

.bg_1 { width: 100%; position: absolute; }
.bg_2 { background-image: url(../image/bg_1.png); background-repeat: no-repeat; background-position: center top; float: left; width: 100%; }

.bg_2a { background-image: url(../image/bg_1a.png); background-repeat: no-repeat; background-position: center top; float: left; width: 100%; }


.bg_3 { background-image: url(../image/bg_2.png); background-repeat: no-repeat; background-position: center top; float: left; width: 100%; margin-top: 15px; }
.bg_4 { width: 990px; margin-right: auto; margin-left: auto; position: relative; }

.btm { padding-right: 3px; padding-left: 3px; float: left; width: 100%; position: relative; }
.btm_1 { border: 5px solid #c1e6f7; padding: 7px; width: 957px; }
.btm_2 { width: 900px; float: left; margin-top: 80px; margin-bottom: 50px; margin-left: 80px; }
.btm_2_01 { float: left; background-image: url(../image/btm/qr-bg.png); background-repeat: no-repeat; background-position: center center; height: 91px; width: 90px; }
.btm_2_01 ul { text-align: center; padding-top: 5px; }
.btm_2_02 { float: left; padding-right: 15px; padding-left: 15px; }
.btm_2_03 { float: left; font-size: 12px; line-height: 18px; }
.btm_2_04 { float: left; }
.btm_2_04-1 { text-align: right; padding-bottom: 10px; padding-top: 15px; }
.btm_2_04-2 { background-image: url(../image/btm/button.png); background-repeat: no-repeat; background-position: center center; height: 22px; width: 176px; font-size: 12px; text-align: center; color: #FFF; }
.btm_2_04-2 ul { padding-top: 3px; }
.btm_2_04-2 a { color: #FFF; padding-right: 5px; padding-left: 5px; }
.btm_2_04-2 a:hover { color: #F90; }
.btm_2_05 { float: left; }
.btm_3 { position: absolute; z-index: 10; left: 935px; top: 83px; }


.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%;}

.zbg_index { background-image: url(../image/bg_mobile_index.png); background-repeat: no-repeat; background-position: center top; height: 500px; width: 100%; }
.zbg_main { background-image: url(../image/bg_mobile_main.png); background-repeat: no-repeat; background-position: center top; height: 500px; width: 100%; }

/*---*/
.list_a { background-color:#e9e9e9; color:#000; }
.list_b {	background-color:#fff;	color:#000;}
.list_a:hover, .list_b:hover { background-color:#DCAFBB; color:#FFF; }
th { background-color:#CD8D9D; color:#fff; }
.table td, .table th, .table {	padding:4px;}
.table {	border: 1px solid #eef2e4;	padding:0;	margin:0;}
.table a { font-weight: bold; color: #F30; }
.table a:hover { color: #66C; }




/*-- 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%;}