@charset "utf-8";
@import url("reset.css");
@import url("loading.css");
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> Main <<<------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

html { height: 100% }
body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; -webkit-text-size-adjust: none; font-size: 12px; overflow-y: scroll }
body, td, th { font-size: 12px; font-family: Arial, "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei", "新細明體", "PMingLiU", sans-serif; }
.iframe_ch { display: none }

/*a { text-decoration: none; color: #231815; }
a:hover { color: #666; }*/

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Global <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/*head*/
#head { overflow: hidden; max-width: 1048px; margin: 0 auto 0; padding-top: 30px; }
#logo { float: left; max-width: 100%; margin-left: 0px; }
#th70 { float: left; max-width: 100%; margin-top: -13px; margin-left: 10px; }
#nav { float: right; margin-top: 16px; margin-right: 0; letter-spacing: 0.5px; }
#nav a { color: #000000; margin-right: 16px; padding-bottom: 1px; line-height: 25px; text-decoration: none; }
#nav a:hover { border-bottom: 3px solid #fef33d; }
#nav a:last-child { margin-right: 0; }

/*響應裝置置中*/
@media screen and (max-width: 1048px) {
#head { text-align: center; }
#logo { float: none; }
#th70 { float: none; margin-top: 0; }
#nav { float: none; }
}

/*foot*/
#foot { background: #333333; position: relative; padding: 29px 0; text-align: center; }
#foot .inside { color: #FFFFFF; max-width: 912px; margin: 0 auto; line-height: 30px; }
#foot span { display: inline-block; margin-right: 25px; }
#foot span:last-child { margin-right: 0; }
#copyright { }
#copyright a { color: inherit; text-decoration: none; }

/*gotop*/
#gotop { position: absolute; top: -30px; left: 50%; margin-left: -30px; cursor: pointer; }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Index <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/*layout*/
#wrap {}
#banner { position: relative; max-width: 1200px; margin: 0 auto; }
#index_menu { max-width: 1020px; margin: 48px auto; text-align: center; }
#statistics { max-width: 1020px; margin: 48px auto; text-align: center; }

/*banner*/
#banner img { max-width: 100%; }
#banner_cover_top { position: absolute; top: 0; left: 0; z-index: 100; }
#banner_cover_bottom { position: absolute; bottom: 0; left: 0; z-index: 100; }
ul.bxslider { margin: 0; padding: 0; }

/*index_menu*/
#index_menu .box { display: inline-block; margin: 0 12px 24px; }
#index_menu a>img { max-width: 100%; }

/*響應方塊8/4/2，響應自然寬度*/
@media screen and (max-width: 1050px) and (min-width: 530px) {
#index_menu { max-width: 510px; }
}
@media screen and (max-width: 529px) and (min-width: 440px) {
#index_menu a { width: 152px; }
}
@media screen and (max-width: 439px) {
#index_menu a { width: 114px; }
}

/*statistics*/
#statistics .box { background: url("../../images/statistics_bg.png"); display: inline-block; width: 224px; height: 100px; margin: 0 12px 24px; text-align: center; }
#statistics h4 { color: #19adb7; margin: 23px 0 0; font-size: 36px; }
#statistics div { color: #666666; margin-top: 5px; font-size: 16px; }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Inside Common <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/*bg & head*/
#wrap_in { background: #eefdff /*url("../../images/beats_bg.png") repeat-x 50% 100%*/; }
#head_wrap { background: #FFFFFF; width: 100%; }
#top_cover { background: url("../../images/top_cover.png"); height: 15px; }

/*top menu*/
#top_menu { max-width: 1060px; margin: 35px auto 25px; text-align: center; }
#top_menu .box { display: inline-block; margin: 0 1px 24px; }

/*響應方塊8/4/2*/
@media screen and (max-width: 1063px) and (min-width: 680px) {
/*#top_menu { max-width: 530px; }*/
}
@media screen and (max-width: 670px) and (min-width: 410px) {
/*#top_menu { max-width: 270px; }*/
}

/*內容框*/
.inpage { max-width: 1009px; margin: 0 auto 96px; padding: 0 10px; text-align: center; }

/*路徑*/
#path { color: #999999; text-align: left; font-size: 14px; margin-bottom: 18px; letter-spacing:0.25px; }
#path a { color: inherit; text-decoration: none; }

/*響應裝置置中*/
@media screen and (max-width: 1044px) {
#path { text-align: center; }
}

/*線上報名*/
.registration { color: #3399cc; display:inline-block; text-align: center; float: right; width: 150px; margin-bottom: 20px; padding: 10px; border: 1px solid #3399cc; font-size: 18px; text-decoration: none; }

/*響應裝置置中*/
@media screen and (max-width: 1044px) {
.registration { float: none; }
}

/*************** 兩欄式排版 ***************/
.inpage .row { color: #666666; clear: both; margin-bottom: 46px; text-align: center; font-size: 14px; line-height: 24px; }
.inpage .row p { letter-spacing: -1px; }

/*大標*/
.inpage .row h3 { color: #333333; margin: 0 0 31px; border-bottom: 1px solid #ccc; font-size: 28px; }
.inpage .row h3 img { margin-bottom: -12px; margin-right: 15px; margin-left: 12px; }
.inpage .row h3 span { display: inline-block; width: 68%; padding-top: 10px; vertical-align: top; line-height: 45px; letter-spacing: 0.75px; }

/*圖片區塊、文字區塊*/
.inpage .block_image { max-width: 100%; margin-bottom: 20px; }
.inpage .block_section { display: inline-block; vertical-align: top; max-width: 669px; min-width: 150px; margin-left: 35px; margin-bottom: 20px; text-align: left; }
.inpage .row2 .block_image { margin-left: 35px; }
.inpage .row2 .block_section { margin-left: 0; }

/*響應裝置置中*/
@media screen and (max-width: 1009px) {
.inpage .row { margin-bottom: 0; }
.inpage .block_section { margin-left: 0; }
.inpage .row2 .block_image { margin-left: 0; }
}

/*響應前靠左，響應置中*/
.inpage .row_full.row { text-align: left; }
.inpage .row_full h3 { text-align: center; }
@media screen and (max-width: 1044px) {
.inpage .row_full.row { text-align: center; }
}

/*************** 相簿排版 ***************/
.row_full.row h3 span { width: auto; padding-top: 12px; line-height:45px; }
.inpage .album { background: #FFFFFF; display: inline-block; max-width: 470px; margin: 15px; border: 1px solid #EDEDED; }
.inpage .album > a img { float: left; }
.inpage .album .right { float: left; width: 241px; padding: 25px 20px 14px; text-align: left; }
.inpage .album h4 { color: #3399cc; /*min-height: 58px;*/ margin: 0 0 10px; font-size: 18px; line-height: 29px; text-decoration: underline; }
.inpage .album h4 a { color: inherit; }
.inpage .album p { color: #666666; /*min-height: 38px;*/ margin-bottom: 20px; font-size: 12px; line-height: 19px; }
.inpage .album i { color: #999999; font-size: 12px; line-height: 19px; font-style: normal; }

/*響應區塊斷航*/
@media screen and (max-width: 550px) {
.inpage .album > a img { float: none; padding-top: 25px; }
.inpage .album .right { float: none; display: inline-block; width: 80%; padding-top: 0; }
}

.read_more { margin-top: 15px;}
.timeline .block_section .read_more { display: block; width: 106px; margin: 15px auto; }
/*響應區塊置中*/
@media screen and (max-width: 1020px) {
.read_more { float: right;}
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> beats70 <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#beats70 { }

/*大事記*/
#beats70 .editor { margin: 0; padding: 0; }
#beats70 .editor .list { color: #333333; overflow: hidden; text-align: left; padding: 13px 21px 13px 46px; border-bottom: 1px solid #DDE5E6; font-size: 14px; line-height: 18px; letter-spacing: -0.1px; list-style: none; }
#beats70 .editor .list .date { color: #FFFFFF; background: #33CCFF; float: left; width: 82px; margin-right: 15px; padding: 3px 6px; }
#beats70 .editor .list:nth-child(2n) .date { background: #33CCCC; }
#beats70 .editor .list .title { display: inline-block; float: left; width: 80%; margin-top: 3px; }

/*響應調整標題*/
@media screen and (max-width: 590px) {
#beats70 .editor .list .title { width: 100%; }
}
/*響應縮小邊距*/
@media screen and (max-width: 736px) and (min-width: 0px) {
#beats70 .editor .list { padding: 13px 0; }
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> achievement <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#achievement { }


/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> forum <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#forum { }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> party <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#party { }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> album:masonry <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#album { }
#album.inpage .row h3 span { line-height: 45px; }

/*120px & 100px;*/
.masonry_container { width: 100%; margin: 20px auto 26px;}
.masonry_photo { float: left; display: block; width: 220px; margin: 0 10px 15px; text-align: center;}
.masonry_photo.w2 { }
.masonry_photo a { display: block; padding: 6px; border: 1px solid #d7d7d7; border-radius: 5px;}
.masonry_photo img { max-width: 100%;}
.masonry_photo a:hover { -webkit-box-shadow: 1px 1px 3px 3px #1DB8CA; -moz-box-shadow: 1px 1px 3px 3px #1DB8CA; box-shadow: 1px 1px 3px 3px #1DB8CA;webkit-transition: .4s; -moz-transition: .4s; -o-transition: .4s; -ms-transition: .4s; transition: .4s;}

/*響應圖片*/
@media screen and (max-width: 350px) and (min-width: 0px) {
.masonry_photo { width: 200px; }
.masonry_photo img { max-width: 98px; }
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> news <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/*
#news { }

#news .topic { display: inline-block; max-width: 280px; margin: 25px; border-top: 1px solid #E0E9EB; text-align: center; }
#news .topic > .date { color: #3399cc; margin: 16px 0 12px; font-size:14px; line-height:22.03px; letter-spacing: 0.5px; }
#news .topic > a { max-width: 100%; }
#news .topic > a img { max-width: 100%; }
#news .topic .summary { padding: 20px 2px 0px; text-align: left; }
#news .topic h4 { color: #000000; margin: 0 0 0; font-size: 18px; line-height: 29px; }
#news .topic h4 a { color: inherit; text-decoration: none; }
#news .topic p { color: #666666; margin-bottom: 20px; font-size: 12px; line-height: 24px; }
*/

/*響應前靠左，響應置中*/
/*
@media screen and (max-width: 400px) {
#news .topic { display: block; }
}

#news .select_type { color: #3399cc; float: right; min-width: 150px; margin-bottom: 20px; padding: 7px; border: 1px solid #3399cc; font-size: 18px; }
*/

/*響應裝置置中*/
/*
@media screen and (max-width: 1044px) {
#news .select_type { float: none; }
}
*/

#news { }

/*大事記*/
#news .editor { margin: 0; padding: 0; }
#news .editor .list { color: #333333; overflow: hidden; text-align: left; padding: 13px 21px 13px 46px; border-bottom: 1px solid #DDE5E6; font-size: 14px; line-height: 18px; letter-spacing: -0.1px; list-style: none; }
#news .editor .list a { color: inherit; text-decoration: none; }
#news .editor .list .date { color: #FFFFFF; background: #33CCFF; float: left; width: 122px; margin-right: 15px; padding: 3px 6px; }
#news .editor .list:nth-child(2n) .date { background: #33CCCC; }
#news .editor .list .title { display: inline-block; float: left; width: 80%; margin-top: 3px; }

/*響應調整標題*/
@media screen and (max-width: 590px) {
#news .editor .list .title { width: 100%; }
}
/*響應縮小邊距*/
@media screen and (max-width: 736px) and (min-width: 0px) {
#news .editor .list { padding: 13px 0; }
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> registration <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#registration h4 { color: #FFFFFF; background: #3399CC; margin: 0; padding: 10px 20px; font-size: 24px; }
#registration .form_wrap { background: #FFFFFF; padding: 20px; }
#registration form { padding-bottom: 15px; border: #DDDDDD 1px solid; text-align: left; }
#registration .fields { padding: 8px; }
#registration .fields > label.required:before { color: red; content: "*"; margin-right:5px; }
#registration .fields > label { color: #444444; display: block; box-sizing: border-box; max-width: 100%; margin-bottom: 4px; font-size: 15px; }
#registration .fields > .tips { color: #444444; display: block; box-sizing: border-box; max-width: 100%; margin-bottom: 4px; font-size: 15px; }
#registration input[type="text"],
#registration textarea { color: #555555; background-color: #FFFFFF; display: inline; box-sizing: border-box; vertical-align: middle; width: 48.57143%; height: 34px; margin-right: 2.85714%; margin-bottom: 5px; padding: 6px 8px; border: 1px solid #e0e0e0; font-size: 16px; line-height: 1.33333; 
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
#registration textarea { height: 100px; }
#registration input[type="text"].input_verify { width: 100px; }
#registration .radios { box-sizing: border-box; min-height: 34px; padding: 6px 8px; font-size: 15px; line-height: 24px; }
#registration .submit { color: #3399cc; background: none; display:inline-block; text-align: center; width: 150px; margin: 20px 0 20px 8px; padding: 10px; border: 1px solid #3399cc; font-size: 18px; text-decoration: none; cursor: pointer; }

/*響應輸入滿版*/
@media screen and (max-width: 800px) {
#registration input[type="text"],
#registration textarea { width: 96%; }
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Loadaction <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.Loadaction_Box { position: fixed; left: 0px; top: 0px; background-image: url(../../images/action_bg.png); z-index: 100000000 }
.Loadaction { position: fixed; padding-top: 5px; width: 220px; height: 45px; left: 42%; top: 42%; background-image: url(/images/action_bg.png); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.Actionupload_Text { font-size: 13px; color: #FFFFFF; height: 20px; }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> pagelink <<<--------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.pagination { font-size: 12px; font-family: Verdana; letter-spacing: 1px; }
.pagination a { text-decoration: none; }

.cssa { padding-right: 10px; padding-left: 10px; }
.cssb { padding-right: 5px; padding-left: 5px; }
.cssc { padding-bottom: 3px; padding-left: 10px; padding-right: 10px; height: 40px; }
.cssd { letter-spacing: 2px; height: 10px; border: 1px solid #FFFFFF; }
/*頁數*/
a.pagelink:link, 
a.pagelink:visited,
a.pagelink:active, 
a.pagelink:hover { color: #333333; }
a.pagelink:hover { text-decoration: underline; }
/*功能列*/
a.pagelink_no:link, 
a.pagelink_no:visited, 
a.pagelink_no:active, 
a.pagelink_no:hover { color: #003399; }
a.pagelink_no:hover { text-decoration: underline; }
/*目前所在頁數*/
a.pagelink_ch:link,
a.pagelink_ch:visited, 
a.pagelink_ch:active,
a.pagelink_ch:hover { color: #cc3300; font-weight: bold; }
a.pagelink_ch:hover { text-decoration: underline; }