@charset "utf-8";
* html { overflow-x: hidden; }
* {padding:0; margin:0;}

body{font-size:12px;font-family:tahoma, verdana, arial, sans-serif;color:#333; background:#135ac2 url(images/bg_01.gif) repeat-x; border-top:6px solid #155dc3}
.body-intro{border-top:0px; background:#FFFFFF}


/* global div */ 
ul {margin:0; padding:0; list-style-type:none;}
a {color:#155dc3; text-decoration:none;}
a:hover{ text-decoration:underline}

/* global class */ 
.clear {clear:both;}

#body{ width:980px; margin:0px auto 10px auto;}
#body-intro{ width:980px; margin:0px auto 10px auto;}

#header{ height:100px; background:url(images/logo.gif) no-repeat;margin-bottom:10px;}
#header .hright{ float:right; padding-right:20px; padding-top:5px;}
#header .hlang{ text-align:right}
#header .hlang img{ border:0px;}
#header .hlang a{ text-align:right; font-weight:bold; margin-left:10px;}
#header .hlang strong{ text-align:right; font-weight:bold; margin-left:10px;}
#header .hcontact{  text-align:right;padding-top:10px; font-weight:bold}
#header .hcenter{ float:left; padding-top:5px; padding-bottom:5px; padding-left:275px;}
/* 394144 */
#wrapper{ background:#394144;width:100%;}
#wrapper ul{padding-left:10px; padding-right:10px;}
#wrapper ul li{ float:left; width:33%; text-align:center; padding-top:10px; padding-bottom:10px;}
#wrapper ul li img{ padding:5px; background:#FFFFFF; width:270px; border:0px; margin-bottom:3px; }
#wrapper ul li a{ color:#FFFFFF;}
#wrapper ul li p a{ color:#FFFFFF; font-size:11px; padding-top:2px; text-decoration:none}

#menu{ background:#FFFFFF; margin-bottom:10px; width:100%;}
#menu ul{ width:100%}
#menu ul li{ float:left;padding:10px 0px;}
#menu ul li a{ display:block; color:#333; padding-left:25px; padding-right:25px; font-size:13px; font-weight:bold; border-right:2px solid #000000}
#menu ul li a:hover{ text-decoration:none; color:#558a00;}

.bg_top{ background:url(images/bg_body_top.gif) no-repeat; width:980px; height:10px; font-size:0px;}
.bg_bottom{ background:url(images/bg_body_bottom.gif) no-repeat; width:980px; height:10px; font-size:0px;}

#content{ background:#FFFFFF; padding-left:10px; padding-right:10px;}
#sidebar{ float:left; width:200px;}
#sidebar h2{ color:#FFFFFF; padding:3px 10px; font-size:14px;}
#sidebar h2.orange{background:#FF9900;}
#sidebar h2.green{background:#b1d400;}
#sidebar h2.pink{background:#f84db2;}

.side-box{ width:200px;padding-bottom:10px;}
.side-box p{ padding-top:5px;}
.side-box div { background:#DDF8C5; border-top:1px solid #8DC83A;border-bottom:1px solid #8DC83A; color:#333333; font-size:14px;width:180px; padding:3px 10px;}
.side-box div strong{ font-size:13px;font-weight:bold; }
.side-box ul{ width:200px;}
.side-box ul li { border-bottom:0px dashed #CCCCCC;width:170px; padding:3px 10px 3px 10px;}


#main{ float:left; width:750px; margin-left:10px;}
#main h1{ font-size:18px; padding-bottom:10px;}

/* page */
.page{ }
.page ol{ margin-left:40px;}
.page ol li{ list-style-type: decimal;}
.page ul{ margin-left:40px;}
.page ul li{ list-style-type:disc}
.page p{ padding-bottom:6px;}

ul.package-list{ margin-top:5px;}
ul.package-list li { clear:both;}
ul.package-list li div{float:left; padding-top:15px; padding-bottom:15px; border-top: 1px dashed #999999}
ul.package-list li .thumb{ width:350px; text-align:center;}
ul.package-list li .desc{ width:400px;}
ul.package-list li .desc p{ padding-bottom:5px; padding-top:3px;}
ul.package-list li strong a{ text-decoration:underline;}
ul.package-list li img{ padding:3px; border:1px solid #666666; width:300px;}


/* Start Package */
.package{ width:750px; height:750px;color:#000000; font-weight:bold; margin-bottom:10px;
	opacity: 0.85;
	filter: alpha(opacity=85);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
}
.package_01{ background:url(images/package_bg_01.gif) no-repeat right;height:140px; width:750px; margin-bottom:30px; 
	opacity: 0.85;
	filter: alpha(opacity=85);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
}
.package_body_01{z-index:3; position:absolute;  width:520px; margin-left:230px;color:#afa608; font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif}
.package_body_01 p.package_title{ font-size:48px; font-style:normal; text-align:center; padding-top:5px;;}
.package_body_01 p.package_desc{ font-size:20px;text-align:center;}
.package_02{ background:url(images/package_bg_02.gif) no-repeat right;height:210px; width:750px; margin-bottom:30px;
	opacity: 0.85;
	filter: alpha(opacity=85);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
}
.package_body_02{z-index:2; position:absolute; margin-left:130px; margin-top:200px;}
.package_03{ background:url(images/package_bg_03.gif) no-repeat;height:340px; width:750px;
	opacity: 0.85;
	filter: alpha(opacity=85);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
}
.package_body_03{ margin-left:80px; width:590px; height:280px; font-size:18px; padding-top:30px;}
.package_body_03 p strong{ color:#0066FF}
.package_body_03 p.package_detail{ height:170px;}

.package-price{}
.package-price table{ font-size:16px; font-weight:bold}
.package-price table td{ padding:10px;}
/* End Package */

/* paging */
.paging-box{border-top: 1px dashed #999999; padding-top:10px;}
.paging{padding:10px;}
.paging strong{ font-weight:bold; margin:2px; border:1px solid #328AB2; background:#4EB6E5; padding:2px 5px; color:#FFFFFF; }
.paging a{margin:2px; border:1px solid #328AB2; background:#FFFFFF; padding:2px 5px; color:#2583AD;}
.paging a:hover{color:#FFFFFF; background:#4EB6E5}

#footer{ text-align:center; color:#FFFFFF; font-size:11px; margin-top:10px;}
#footer .fmenu{ padding-bottom:5px; font-weight:bold; font-size:12px;}
#footer a{ color:#FFFFFF}


/* Board */


.board {width:100%; padding-bottom:10px; padding-top:5px;}
.board h2{ font-size:16px; padding-bottom:5px;}

.board-list table{ width:100%}
.board-list thead{ background:#464646; text-align:center}
.board-list thead td{color:#D7D7D7;font-weight:bold; padding-top:5px; padding-bottom:5px; padding-left:3px;padding-right:3px;}
.board-list thead th{color:#D7D7D7;font-weight:bold; padding-top:5px; padding-bottom:5px; padding-left:3px;padding-right:3px;}
.board-list tbody td{ padding-top:3px; padding-bottom:3px;padding-left:3px;padding-right:3px; vertical-align:top;}
.board-list tbody th { text-align:left;font-weight:normal; padding-top:4px; padding-left:3px;padding-right:3px; vertical-align:top;}
.board-list tbody a{ font-weight:bold;}
.board-list tfoot{  }
.board-list tfoot th{color:#C6D9E9;font-weight:bold; padding-top:5px; padding-bottom:5px; background:#EDF7FE;padding-left:3px;}
.board-list tfoot td{color:#333333;font-weight:bold; padding-top:5px; padding-bottom:5px; background:#EDF7FE;padding-left:3px;}
/*.board-list .line { background:#E4F2FD;}*/
.board-list .line { background:#fff;}
.board-list em{ font-size:10px; font-style:normal}

.board-control{ padding-bottom:10px;}
.board .add{ background:#68CC07; border:1px solid #53A80D; color:#FFFFFF; font-weight:bold; padding:3px 7px; margin-top:1px; margin-bottom:1px;cursor:pointer}
.board .add:hover{ background:#6FD808;color:#333333; text-decoration:none}
.board .edit{ background:#5AB3F9; border:1px solid #1E86B6; color:#FFFFFF; font-weight:bold; padding:3px 7px; margin-top:1px; margin-bottom:1px; cursor:pointer}
.board .edit:hover{ background:#85C8FD;color:#333333;text-decoration:none}

.board-post{ padding-top:10px;}
.board-post th{ vertical-align:text-top; text-align:right; width:100px;}
.board-post .input{ width:300px;}
.board-post textarea{ width:300px; height:100px;}
.board-post .submit{}

.board-topic{ width:700px; margin-left:30px; padding-bottom:10px;}
.board-topic table{ width:100%;}
.board-topic table thead td{  color:#3491c6;font-weight:bold; padding:4px 10px; font-size:16px; text-decoration:underline}
.board-topic table tbody td{ padding:5px 10px;}
.board-topic table tfoot td{padding:3px 10px;}
.board-topic table tfoot td strong{ color:#3491c6; text-decoration:underline}
.board-topic table tfoot td em{ font-size:11px; font-style:normal}

.board-reply{ width:700px; margin-left:30px; border-bottom:1px solid #cccccc}
.board-reply table{ width:100%;}
.board-reply table thead td{ padding-left:10px; padding-right:10px; padding-top:5px;}
.board-reply table thead td strong{ color:#3491c6; text-decoration:underline}
.board-reply table thead td em{ font-size:11px; font-style:normal}
.board-reply table tbody td{ padding:5px 10px;}