/*-------------------------------------------------------------------------------------*/
/* LAYOUT */


#top { background-image:url(../img/student/top_bg.jpg); background-size: contain;}
#top .logo:after { background-color:#ff9e0f; }
#top .mobile_btn a { color:#ff8d30; }
#top .login_info .login_welcome { color: #ff8d30; }

#menu { background-color:#ff9e0f; }
/*#menu .menu_area ul.menu_list { margin:0 -35px; }*/
/*#menu .menu_area ul.menu_list > li > a.lv1 { padding:0 35px; line-height:44px; }*/
#menu .menu_area ul.menu_list > li > a.lv1 { padding:0 20px; line-height:44px; }

#mobile_menu { background-color:#ff9e0f; }
#mobile_menu .menu_area ul.menu_list > li > a.lv1 { background-color:#ff7130; }

#main { background:url(../img/student/main_bg.jpg) repeat-y #fff0c1 center top; }

#main .right_side { width:155px; }
#main .right_side:before { background-image:url(../img/student/right_side_shadow.png); }

#main .title_area .title { background-image:url(); margin-bottom: 8px}
#main .title_area .title_name { background-image:url(../img/student/title_row.png); line-height: 71px; }
#main .title_area .title_img {
	padding-bottom: 0;
}
#main .title_area .title .title_split_line {
	display: flex;
	flex-grow: 1;
	align-items: center;
}
#main .title_area .title .title_split_line .title_star {
	width: 30px;
	height: 30px;
	max-width: 42px;
	max-height: 42px;
	background-image: url(../img/student/banner_x.png);
	background-repeat: no-repeat;
	background-size: contain;
}
#main .title_area .title .title_split_line .title_dot {
	flex-grow: 1;
	height: 6px;
	position: relative;
	top: 4px;
	margin-left: 3px;
	max-width: 510px;
	max-height: 6px;
	background-image: url(../img/student/banner_d_2.png);
	background-repeat: no-repeat;
	background-size: auto;
}
#menu .menu_area ul.menu_list > li > a > span {
	display: none;
}
#footer { background-color:#ff9e0f; }
#footer .company_link select { border-color:#d69c46; }
#footer .copyright li { border-left-color:#ffcc99; }

.game-zone {
	/*width: calc(100% - 80px) !important;*/
	margin: 0 auto;
}
.game-zone .icon_item{
	width: 100%;
}
.game-zone.owl-carousel .index_ball_item { width:100%; }
.game-zone.owl-carousel .owl-nav { position:absolute; left:0; top:50%; width:100%; }
.game-zone.owl-carousel .owl-prev, 
.game-zone.owl-carousel .owl-next { position:absolute; top:0;transform:translateY(-50%); outline:none; }
.game-zone.owl-carousel .owl-prev span, 
.game-zone.owl-carousel .owl-next span { display:block; width:20px; height:35px; background-image:url(../img/student/index_box_row.png); background-repeat:no-repeat; background-size:auto 100%; font-size:0; }
.game-zone.owl-carousel .owl-prev { left:-20px; }
.game-zone.owl-carousel .owl-next { right:-20px; }
.game-zone.owl-carousel .owl-prev span { background-position:left top; }
.game-zone.owl-carousel .owl-next span { background-position:right top; }

#menu .menu_area ul.menu_list > li > a.lv1 img {
	margin: auto 0 auto -50px;
}
@media screen and (max-width: 980px){
.right_side .icon_list.owl-carousel .owl-prev, 
.right_side .icon_list.owl-carousel .owl-next { color:#ff9f10; }
}

@media screen and (max-width: 619px){
#top .login_info { display: none; }

}

@media screen and (max-width: 479px){

}

/*-------------------------------------------------------------------------------------*/
/* INDEX */
.index_img {
	height: auto;
}
.index_box_area .index_box {
	height: 100%;
}
.index_box_area .index_box_content {
	height: auto !important;
}
.index_box_area .index_box_title {
	height: 71px;
}
.index_icon_list .index_icon_item {
	width: 160px;
	padding: 0 !important;
	height: auto !important;
}

@media screen and (max-width: 1290px){
	.index_icon_list .index_icon_item {
	    width: 130px;
	}
}

@media screen and (max-width: 1023px){
	.index_icon_list .index_icon_item {
	    width: 96px;
	}
}
@media screen and (max-width: 760px){
	.index_icon_list .index_icon_item {
	    width: 145px;
	}
	#main .title_area .title .title_split_line .title_dot {
		background-position-x: -250px;
	}
}


.index_icon_list {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}
.index_icon_list .index_icon img {
	max-height: 160px;
}
.index_box_area { padding:26px 0 33px 0; margin:-13px -18px; display: flex; flex-wrap: wrap}
.index_box_area .index_box_item { padding:13px 18px; }
.index_box_area .index_box_item.small_box { width:527px; }
.index_box_area .index_box_item.large_box { width:749px; }
.index_box_area .index_box { background-color:rgba(255,255,255,0.4); box-shadow:inset 0 0 32px rgba(255,85,0,0.4); }
/*.index_box_area .index_box_title .title_dot { background-image:url(../img/student/index_box_title_dot.png); background-position:left 80%; }*/
.index_box_area .index_box_title .title_dot {
	width: 115px;
	height: 26px;
	position: relative;
	top: -5px;
	background-image: url(../img/student/topbar_x.png);
	background-repeat: no-repeat;
	background-size: contain;
}
.index_box_area .index_box_content { height:218px; padding:0 14px; }

@media screen and (max-width: 1290px){
.index_box_area .index_box_item.small_box { width:40%; }
.index_box_area .index_box_item.large_box { width:60%; }
}

@media screen and (max-width: 980px){
.index_box_area .index_box_title .title_img img { max-height:68px; }
.index_box_area .index_box_content { height:190px; padding:0; }
}

@media screen and (max-width: 900px){
.index_box_area .index_box_title .title_img img { max-height:58px; }
.index_box_area .index_box_content { height:180px; }
}

@media screen and (max-width: 820px){
.index_box_area .index_box_item.small_box { width:42%; }
.index_box_area .index_box_item.large_box { width:58%; }
.index_box_area .index_box_content { height:160px; }
}

@media screen and (max-width: 767px){
.index_box_area .index_box_item.small_box, 
.index_box_area .index_box_item.large_box { width:100%; }
.index_box_area .index_box_content { height:auto; }
}

@media screen and (max-width: 413px){
.index_box_area .index_box_title .title_img img { max-height:48px; }
}

/*-------------------------------------------------------------------------------------*/
/* DETAIL PAGE */

.detail_area table tr:first-child td { background-color:#ff8600; }
.detail_area table td {
    min-width: 72px;
    border: solid 2px #ffc27f; /* 使用?色代?替代橙色 */
}
.table_area td {
    /* 設定默認寬度 */
    width: auto; 
}

.table_area td:nth-child(1) {
    width: 12%; /* 第一欄的寬度 */
}

.table_area td:nth-child(2) {
    width: 12%; /* 第二欄的寬度 */
}

.table_area td:nth-child(3) {
    width: 50%; /* 第三欄的寬度 */
}

.table_area td:nth-child(4) {
    width: 12.5%; /* 第四欄的寬度 */
}


.poster_box .poster_photo {
    height: auto;
}

@media screen and (max-width: 767px){
.detail_area table.responsive td .td_label { background-color:#ff8600; }
}

/*-------------------------------------------------------------------------------------*/
/* POSTER */

.poster_box { background-color: wheat; border:2px solid wheat; }

.poster_box .poster_list .owl-prev, 
.poster_box .poster_list .owl-next { background-image:url(../img/student/poster_list_row.png) !important; }

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