@charset "utf-8";
/********************************************************

                       1.通用版型

********************************************************/
body{
	padding:0;
	margin:0;
	/*background:url(/images/test.png) center top no-repeat;*/
	font-family:"微軟正黑體","Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	
ul{
	padding:0;
	margin:0;
	list-style:none;
	}
	
ul li{
	list-style:none;
	}
	
img{
	border:none;
	}

a{
	color:#313131;
	text-decoration:none;
	font-size:12px;
	}
	
a:hover{
    color:#FF9933;
    -o-transition: color .20s linear;
    -webkit-transition: color .20s linear;
    -moz-transition: color .20s linear;
    transition:  color .20s linear;
	text-decoration:underline;
}

.wrapper_top{
	width:1000px;
	height:100px;
	margin:0 auto;
	}

h1{
	margin:0;
	padding:0;
	display:inline-block;
	}
	
h1 a{
	background:url(/images/logo.gif) 0 center no-repeat;
	width:249px;
	height:118px;
	display:block;
	}
	
.wrapper_topBanner{
	width:728px;
	height:90px;
	display:inline-block;
    vertical-align: top;
    /*margin: 15px 0 0 19px;*/
	}

.wrapper_bar{
/*	background:url(/images/bar_bg.jpg) center 0 repeat-x;*/
	height:66px;
	line-height:66px;
	box-shadow:0 5px 12px -2px rgba(125,82,7,0.5);
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e88b19+51,f19611+52 */
background: rgb(232,139,25); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(232,139,25,1) 51%, rgba(241,150,17,1) 52%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(232,139,25,1) 51%,rgba(241,150,17,1) 52%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(232,139,25,1) 51%,rgba(241,150,17,1) 52%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e88b19', endColorstr='#f19611',GradientType=0 ); /* IE6-9 */

	}

.wrapper_barContent{
	width:1000px;
	margin:0 auto;
	}

.wrapper_bar_input{
    width: 425px;
    height: 35px;
    border: 1px solid #993;
    display: inline-block;
    line-height: 35px;
    margin: 12px 0 0 0;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
    border: 2px solid #E88B19;
	}

.wrapper_bar_btn{
    width: 119px;
    height: 39px;
    /* background: url(/images/btn_img.gif) 0 0 no-repeat; */
    display: inline-block;
    font-size: 13px;
    line-height: 39px;
    text-align: center;
    color: #FFFFFF;
    margin: 15px 0 0 -5px;
    vertical-align: top;
    font-weight: bold;
    padding: 0 8px 0 7px;
    box-sizing: border-box;
    background: rgb(247,27,27);
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
	}


.wrapper_bar_btn:hover{
	color:#FFED62;
	text-decoration:none;
	}

.homepage{
    color: #fff;
    background-color: rgb(247,27,27);
    padding: 10px 10px 10px 10px;
    border-radius: 8px;
	margin:0 0 0 10px;
	}

.homepage:hover{
	color:#FFED62;
	text-decoration:none;
	}


.addfav{
    color: #fff;
    background-color: rgb(247,27,27);
    padding: 10px 10px 10px 10px;
    border-radius: 8px;
	margin:0 0 0 10px;
	}

.addfav:hover{
	color:#FFED62;
	text-decoration:none;
	}

.wrapper_bar_sin{
    background: url(/images/bar_sin.png) 0 0 no-repeat;
    width: 27px;
    height: 27px;
    display: inline-block;
    margin: 19px 0 0 151px;
    vertical-align: top;
	}

.wrapper_bar_pluk{
	background:url(/images/bar_pluk.png) 0 0 no-repeat;
	width:27px;
	height:27px;
	display:inline-block;
    margin: 19px 0 0 0;
    vertical-align: top;
	}

.wrapper_bar_fb{
	background:url(/images/bar_fb.png) 0 0 no-repeat;
	width:27px;
	height:27px;
	display:inline-block;
    margin: 19px 0 0 0;
    vertical-align: top;
	}

.wrapper_content{
	width:100%;
	margin:0 auto;
    padding: 17px 0 0 0;
	position:relative;
	}
	
.wrapper_content_bannerLeft{
	width:160px;
	height:600px;
	display:block;
	position:absolute;
    top: 17px;
    left: -170px;
	}

.wrapper_content_bannerRight{
	width:160px;
	height:600px;
	display:block;
	position:absolute;
    top: 17px;
    left:1010px;
	}

.wrapper_footer{
    width: 1000px;
    height: 47px;
	background:url(/images/footer_bg.png) 0 0 no-repeat;
    border: 1px solid #999;
    margin: 10px auto 20px auto;
	}
	
.wrapper_footer_btn{
	background:url(/images/footer_icon.png) 0 0 no-repeat;
	width:167px;
	height:51px;
	display:inline-block;
	}


.wrapper_footer_text{
	display:inline-block;
	font-size:13px;
    vertical-align:top;
    margin: 15px 0 0 0;
	}
	
.wrapper_footer_text a{
	font-size:13px;
	color:#F0F;
	}
	
.wrapperLeft{
	display:inline-block;
	vertical-align:top;
	width:680px;
	
	}

.wrapperRight{
	display:inline-block;
	vertical-align:top;
	width:300px;
	}

/********************************************************

                       2.首頁版型

********************************************************/

.index_levelTop{
	margin:0 0 0 0;
	}
	
.index_level{
	margin:15px 0 0 0;
	}

.index_board{
	display:inline-block;
    vertical-align: top;
    margin: 0 0 0 0;
	}

.index_board_head{
	font-size:0;
	}

.index_board_head li{
	font-size:12px;
	display:inline-block;
	padding:8px 34px;
	color:#fff;
    border: 1px solid rgb(241, 178, 87);
	background:rgb(241, 150, 17);
	}

	
.index_board_head li:hover{
	background:#22b5eb;
	color:#FFF;
	}
	
.index_board_head li.add{
    background: rgb(249, 117, 0);
	color:#FFF;
	}

.index_board_box{
	width:670px;
	height:243px;
	border:1px solid rgb(241, 150, 17);
	margin:-1px 0 0 0;
	position:relative;
	}

#index_board_box_1{ display:block;}
#index_board_box_2{ display:none;}
#index_board_box_3{ display:none;}
#index_board_box_4{ display:none;}
	
.board_left{
	width:600px;	
}

.board_left li{
	display:inline-block;
    padding: 10px 0 0 30px;
	}
	
.board_pic{
	width:93px;
	height:80px;
	display:block;
	}
	
.board_pic img{
	/*border:1px solid rgb(241, 150, 17);*/
	width:85px;
	height:85px;
	}

.board_text{
	font-size:12px;
	padding:0 0 0 20px;
	background:url(/images/board_list_icon.gif) 0 -3px no-repeat;
    margin: 5px 0 0 0;
	display:block;
	}
	
.board_right{
    position: absolute;
    top: 0px;
    left: 523px;
	}

.board_right li{
    margin: 13px 0 0 0;
	}

.board_right li a{
	font-size:12px;
	padding:0 0 0 20px;
	background:url(/images/board_list_icon.gif) 0 -3px no-repeat;
    margin: 5px 0 0 0;
	display:block;
	}

.index_movie{
    display: inline-block;
    /* width: 336px; */
    border: 1px solid rgb(241, 150, 17);
    padding: 5px 5px 5px 5px;
	}
	
.index_itemTop{
	display:inline-block;
	}
	
.itemTop{
	height:28px;
	width:640px;
	background:url(/images/btn_img.gif) 0 -258px no-repeat;
	padding:0 0 0 30px;
	line-height:28px;
	border:1px solid #f67f31;
	margin:2px 0 0 0;
	}

.itemTop_head{
	display:inline-block;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	width:90px;
	}

.itemTop_list{
	display:inline-block;
	margin:0 0 0 5px;
	}

.itemTop_list li{
	display:inline-block;
	margin:0 0 0 0;
	width:90px;
	}

.itemTop_more{
    background: url(/images/btn_img.gif) 0 -314px no-repeat;
    width: 45px;
    height: 20px;
    text-align: center;
    float: right;
    line-height: 20px;
    margin: 5px 6px 0 0;
	}

.index_hot{
	display:inline-block;
    vertical-align: top;
    margin: 2px 0 0 0;
	}

.index_hot_head{
	font-size:0;
	}

.index_hot_head li{
	font-size:12px;
	display:inline-block;
	padding:8px 20px;
	color:#fff;
    border: 1px solid rgb(241, 178, 87);
    background: rgb(241, 150, 17);
	}
	
.index_hot_head li:hover{
	background:#22b5eb;
	color:#FFF;
	}
	
.index_hot_head li.add{
    background: rgb(249, 117, 0);
	color:#FFF;
	}

.index_hot_box{
    width: 300px;
    height: 208px;
    border: 1px solid rgb(241, 150, 17);
    margin: -1px 0 0 0;
    position: relative;
    padding: 6px 6px 6px 6px;
	}

#index_hot_box_1{ display:none;}
#index_hot_box_2{ display:none;}
#index_hot_box_3{ display:block;}

.hot_box{
	display:inline-block;
    padding: 5px 0 0 20px;    
}
	
.hot_pic{
	width:70px;
	height:70px;
	display:inline-block;
	}
	
.hot_pic img{
	width:70px;
	height:70px;	
	}
	
.hot_text{
	font-size:12px;
	display:inline-block;
	vertical-align:top;
	}
	
.hot_box_item{
	padding:0 0 8px 0;
	}

.hot_box_item li{
	display:inline-block;
	width:96px;
    line-height: 50px;
	}
	

	
.hot_box_item li > a{
	font-size:16px;
	}
	
.banner_centerMini{
	width:120px;
	height:90px;
	border:1px solid #ccc;
	display:inline-block;
	padding:2px;
	}

.banner_centerBig{
	width:728px;
	height:90px;
	border:1px solid #ccc;
	display:inline-block;
	padding:2px;
	}
	
.banner_centerLeft{
	width:667px;
	height:90px;
	border:1px solid rgb(241, 150, 17);
	display:inline-block;
	padding:2px;
	margin:5px 0;
	text-align:center;
	}

.banner_centerRight{
	width:310px;
	height:90px;
	border:1px solid rgb(232,139,25);
	display:inline-block;
	padding:2px;
	margin:5px 0;
	text-align:center;
	}
	
.index_itemBottom{
	display:inline-block;
	}
	
.itemBottom{
	height:28px;
	width:640px;
	background:url(/images/btn_img.gif) 0 -286px no-repeat;
	padding:0 0 0 30px;
	line-height:28px;
	border:1px solid #f67f31;
	margin:2px 0 0 0;
	}

.itemBottom_head{
	display:inline-block;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	width:90px;
	}

.itemBottom_list{
	display:inline-block;
	margin:0 0 0 5px;
	}

.itemBottom_list li{
	display:inline-block;
	margin:0 0 0 0px;
	width:90px;
	}

.itemBottom_more{
    background: url(/images/btn_img.gif) 0 -314px no-repeat;
    width: 45px;
    height: 20px;
    text-align: center;
    float: right;
    line-height: 20px;
    margin: 5px 6px 0 0;
	}
	
.index_search{
	display:inline-block;
    vertical-align: top;
    margin: 2px 0 0 0;
	width:316px;
	}

.search_head{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e88b19+51,f19611+52 */
background: rgb(232,139,25); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(232,139,25,1) 51%, rgba(241,150,17,1) 52%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(232,139,25,1) 51%,rgba(241,150,17,1) 52%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(232,139,25,1) 51%,rgba(241,150,17,1) 52%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e88b19', endColorstr='#f19611',GradientType=0 ); /* IE6-9 */
	height: 26px;
	line-height: 26px;
	font-size: 16px;
	padding: 3px 0 3px 24px;
	color:#0d5aa8;
	font-weight:bold;
	position:relative;
	border:1px solid rgb(241, 150, 17);
	color:#FFF;
	}
	
.search_head:before{
	content:"";
	display:inline-block;
	background:url(/images/search_box_head_icon.png) 0 2px no-repeat;
	position:absolute;
	top:0px;
	left:0px;
	width:23px;
	height:29px;
	}

.search_box{
	padding:8px 0 0 9px;
	border:1px solid rgb(241, 150, 17);
	margin:-1px 0 0 0;
	}

.search_box_head{
	font-size:14px;
	font-weight:bold;
    color: #4e4f50;
	margin:8px 0 0 0;
	}

.search_box_list{
	border-bottom:1px dotted #ccc;
	padding:0 0 2px 0;
	}

.search_box_list li{
	display:inline-block;
	width:70px;
    line-height: 24px;
	}
	

	
.search_box_list li > a{
	font-size:16px;
	}
	

.banner_rightBottom{
	width:316px;
	height:280px;
	border:1px solid rgb(241, 150, 17);
	margin:10px 0 0 0;
	}
	
	
	
/********************************************************

                       2.內頁版型

********************************************************/
body{
	padding:0 0 0 0;
	}
	
.wrapper_bar_input{
	margin:5px 0 0 20px;
	}
	
.wrapper_bar{
	width:100%;
	}

.page_level{
    display:inline-block;
	width: 65%;
	height:877px;
	padding:5px;
	border:1px solid #CCC; 
	margin:5px 0 10px 0;
	vertical-align:top
	}

.page_leve2{
    display:inline-block;
	width: 32%;
	padding:5px;
	border:1px solid #CCC; 
	margin:5px 0 10px 0;
	}	

.page_leve3{
    display:block;
	width: 100%;
	height:600px;
	padding:10px;
	border:1px solid #CCC;
	margin:10px 0 10px 0;
	vertical-align:middle;
	}

.page_leve4{
    display:inline-block;
	width: 64%;
	height:1165px;
	padding:10px;
	border:1px solid #CCC;
	margin:5px 0 10px 0;
	vertical-align:top
	}
.page_leve04{
    display:inline-block;
	width: 98%;
	height:1920px;
	padding:10px;
	border:1px solid #CCC;
	margin:5px 0 10px 0;
	vertical-align:top
	}	
	
.iframe1{
	width: 100%;
	height:1144px;	
}
.iframe2{
	width: 100%;
	height:100%;	
}	
	
.page_leve5{
    display:inline-block;
	width: 20%;
	padding:10px;
	border:1px solid #CCC;
	margin:10px 0 10px 0;
	}		
.page_head{
	font-size:16px;
	color:#0CF;
	}
	
.page_list{}

.page_list li{
	display:inline-block;
    width: 150px;
    line-height: 40px;
	}
	
.page_list li a{
	font-size:13px;
	}
	
	
.index_level_no{
	display:block;
	}			
@media only screen and (max-width: 1000px){
	
body{
	padding:0 0 0 70px;
	}
	
.wrapper_bar_input{
	margin:5px 0 0 20px;
	}
	
.wrapper_bar{
	width:1000px;
	}

.page_level{
    display:inline-block;
	width: 54%;
	height:875px;
	padding:10px;
	border:1px solid #CCC;
	margin:10px 0 10px 0;
	vertical-align:top
	}

.page_leve2{
    display:none;
	width: 300px;
	padding:10px;
	border:1px solid #CCC;
	margin:10px 0 10px 0;
	}	
.page_leve4{
    display:inline-block;
	width: 100%;
	height:1165px;
	padding:10px;
	border:1px solid #CCC;
	margin:5px 0 10px 0;
	vertical-align:top
	}
.page_leve04{
    display:inline-block;
	width: 100%;
	height:1165px;
	padding:10px;
	border:1px solid #CCC;
	margin:5px 0 10px 0;
	vertical-align:top;
	}		
.page_head{
	font-size:16px;
	color:#0CF;
	}
	
.page_list{}

.page_list li{
	display:inline-block;
    width: 150px;
    line-height: 40px;
	}
	
.page_list li a{
	font-size:13px;
	}
	
	
.index_level_no{
	display:block;
	}	
	}	

@media only screen and (max-width: 468px){
	
body{
	padding:0 0 0 70px;
	}
	
.wrapper_bar_input{
	margin:5px 0 0 20px;
	}
	
.wrapper_bar{
	width:1000px;
	}

.page_level{
    display:block;
	width: 94%;
	height:780px;
	padding:10px;
	border:1px solid #CCC;
	margin:10px 0 10px 0;
	vertical-align:top
	}

.page_leve2{
    display:none;
	width: 100%;
	padding:10px;
	border:1px solid #CCC;
	margin:10px 0 10px 0;
	}	

.page_leve4{
    display:inline-block;
	width: 100%;
	height:1722px;
	padding:10px;
	border:1px solid #CCC;
	margin:5px 0 10px 0;
	vertical-align:top
	}
	
.iframe1{
	width: 94%;
	height:1710px;	
}		
.page_head{
	font-size:16px;
	color:#0CF;
	}
	
.page_list{}

.page_list li{
	display:inline-block;
    width: 150px;
    line-height: 40px;
	}
	
.page_list li a{
	font-size:13px;
	}
	
	
.index_level_no{
	display:block;
	}	
	}