@charset "utf-8";
@import url("_reset.css");

body { font-family: Arial, "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei", sans-serif; }
ul, li { margin: 0; padding: 0; list-style-type: none; }
a, a:hover { text-decoration: none; }

#XlegendTop { position: absolute; width:100%; min-width: 1000px; height: 0px; z-index: 999; }
.googleCode { position: absolute; z-index: 900; }

#wrapper { width:100%; min-width: 1000px; }

#link_menu{
	position:absolute;
	z-index:99;
	width:290px;
	height:55px;
	left:-470px;
	margin-left:50%;
	top:10px;
}
/*-------------------------------------------------------------------------------------------------------------------------------------
head
-------------------------------------------------------------------------------------------------------------------------------------*/
.head { position: relative; height: 700px; }
a.logo { position: absolute; z-index: 50; left: 50%; margin: 85px 0px 0px -470px; display: block; width: 242px; height: 175px; background: url('../img/logo.png') 0 0 no-repeat; text-indent: -99999px; }
a:hover.logo { background-position: 0 -175px; }
.head_btn {position: absolute;z-index: 99;height: 55px;right: 3%;top: 20px; }
.head_btn_bg { position: absolute; width: 251px; height: 48px; background: #000; filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;
                           -moz-border-radius: 0 0 7px 7px; -webkit-border-radius: 0 0 7px 7px; -khtml-border-radius: 0 0 7px 7px; border-radius: 0 0 7px 7px; } 
.head_btns { position: absolute; margin: 8px 0px 0px 8px; width: 244px; }


/*
.head_btns a { display: block; float: left; width: 75px; height: 33px; margin-right: 5px; background: url('../img/btn_bg.png') 0 0 no-repeat; font-size: 16px; color: #FFF; line-height: 33px; font-weight: bolder; text-align: center;
                          filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
.head_btns a:hover { color: #fff45c; background-position: 0 -33px; }
*/
#fbshare{
	position:absolute;
	z-index:99;
	width:665px;
	height:20px;
	margin-left:50%;
	left:-228px;
	top:425px;
}
/*-------------------------------------------------------------------------------------------------------------------------------------
menu
-------------------------------------------------------------------------------------------------------------------------------------*/
#menu { }
#menu ul { z-index: 100; padding-top: 33px; width: 1272px; height: 0px; text-align: center; }
#menu ul.fixed { position: fixed; top: 0px; margin: 0 auto; }
#menu a { display: inline-block; padding: 2px 15px 0px; font-size: 16px; color: #FFF; font-weight: bolder; }
#menu a:hover { color: #fff65c; }
#menu a.start { border-left: 0px; }
#menu a.end { border-right: 0px; }

/*-------------------------------------------------------------------------------------------------------------------------------------
menu_L
-------------------------------------------------------------------------------------------------------------------------------------*/
#menu_L { width: 1272px; margin-left: 8px; }
#menu_L ul { float: left; width: 254px; }
#menu_L dd ul { float: left; width: 214px; }
#menu_L ul.fixed { position: fixed; top: 86px; }
.menu_head { padding: 11px 10px 0px; width: 234px;height: 39px; font-size: 18px; line-height: 21px; color: #FFF; font-weight: bolder; }

.menu_bg { width: 254px; }
.menu_bg dl { width:216px; margin: 4px auto 0px; }
.menu_bg dl.start { margin-top: 0px; }
.menu_bg dt.unlink,
.menu_bg dt a { display: block; padding: 11px 0px 9px 29px; height: 22px; font-size:15px; line-height: 22px; font-weight: bolder; }
.menu_bg dt a:hover, .menu_bg dt a.focus { color: #FFF; background: #fff5ff url('/12sky2/static/images/bg/guide_btn-h.png') left top no-repeat;  }
.menu_bg dd { display: none; }
.menu_bg dd li { font-size:12px; font-family: "新細明體", Arial; }
.menu_bg dd li.unlink,
.menu_bg dd li a { display: block; padding: 1px 0px 0px 30px; height: 26px; line-height: 26px; }
.menu_bg dd li a:hover { color: #FFF; background-position: left bottom; }

.menu_foot { width: 254px; height: 20px; }

/*-------------------------------------------------------------------------------------------------------------------------------------
main
-------------------------------------------------------------------------------------------------------------------------------------*/
#container { width: 1272px; margin: 0 auto; height: 555px;background: #fff;padding:20px; border-radius: 26px 26px 0px 0px;}
.main { float: right; margin-right: 30px; }
.main.fixed { margin-top: 87px; }
.detail, .detail_2 { position: relative; padding: 13px 16px 0px; margin-bottom: 15px; width: 930px; /*height: 420px;*/ font-size: 14px; color: #666; line-height: 22px; font-weight: bolder; border: #c6c6c6 0px solid; }
.case { margin-bottom: 40px; }
.title { padding-top: 13px; margin-bottom: 35px; height: 33px; font-size: 24px; color: #000; font-weight: bolder; border-bottom: #b2b2b2 3px solid; }
.title span { padding-left: 5px; font-size: 16px; }
.detail h1 { padding: 10px 0px 0px 15px; margin-bottom: 15px; height: 29px; font-size: 18px; }
.detail h2 { padding-left: 17px; margin-bottom: 7px; height: 17px; font-size: 16px; }
.detail p { margin-bottom: 15px; }
.detail img { max-width: 661px; }
.box { margin-top: 7px; padding:10px; background: #E9E9E9; border: #B4B4B4 1px solid; }
img.box { max-width: 639px; }
img.mb { margin: 2px 5px 2px 0px; max-width: 32px; }

/*------------------------------------------------------------------------------------------------------------------------------------- 
font color
-------------------------------------------------------------------------------------------------------------------------------------*/
.Left { text-align: left; }
.color_1 { color: #F06000; }
.color_2 { color: #BD2626; }
.color_3 { color: #e540b1; }
.color_4 { color: #734EC2; }
.color_5 { color: #006FB9; }
.color_6 { color: #019C6B; }

.ex { color: #AF5422; text-align: left; }

/*------------------------------------------------------------------------------------------------------------------------------------- 
table
-------------------------------------------------------------------------------------------------------------------------------------*/
.tbstyle { border: 2px solid #e9e9e9; padding:1px; margin: 5px 0px; line-height: 21px; text-align: center; }
.tbstyle table { border: 1px solid #ccc; border-width:1px 1px 0px 0px; }
.tbstyle th, .tbstyle td { padding: 5px 12px; border:1px solid #B7B7B7; border-width: 0px 0px 1px 1px; }
.tbstyle th { font-size: 15px; font-weight: bold; }
.tbstyle td { background: #FFF; }
.tbstyle td.odd { color: #FFF; }
.tbstyle.Mb { margin-bottom: 20px; }

/*-------------------------------------------------------------------------------------------------------------------------------------
btn_change
-------------------------------------------------------------------------------------------------------------------------------------*/
.btn_change { margin: 0 auto; width: 90px; text-align: center; }
.btn_change a { display: inline-block; margin: 0 5px; width: 32px; height: 32px; background: url('../img/btn_change.png') 0 0 no-repeat; text-indent: -99999px; }
a.btn_prev { background-position: 0px 0px; }
a.btn_next { background-position: -32px 0px; }
a:hover.btn_prev { background-position: 0px -32px; }
a:hover.btn_next { background-position: -32px -32px; }

/*-------------------------------------------------------------------------------------------------------------------------------------
btn_top
-------------------------------------------------------------------------------------------------------------------------------------*/
.btn_top { position: fixed; z-index: 99; bottom: 160px; left: 50%; margin-left: 485px; }
.btn_top li { display: none; }
.btn_top li a { display: block; width: 44px; height: 44px; background: url('../img/btn_top.png') 0 0 no-repeat; text-indent: -99999px; }
.btn_top li a:hover { background-position: 0px -44px; }

/*-------------------------------------------------------------------------------------------------------------------------------------
footer
-------------------------------------------------------------------------------------------------------------------------------------*/
#footer { position: relative; float: left; width: 100%; min-width: 1000px; height: 86px; margin-top: 30px; }
.copyright { width: 920px; margin: 0 auto; padding-top: 13px; height: 62px; font-size: 11px; color: #111; font-family: Arial; }
.copy { margin: 0 auto; }
.copyright li { float: left; }
li.logo { margin: 21px 20px 0 15px; width: 108px; height: 29px; background: url('../img/logo.png') no-repeat; }
li.txt { margin-top: 30px; }
li.R15 { float: right; width: 262px; height: 62px; text-indent: -99999px; }