@charset "utf-8";
body {
	font-family: Calibri, "微軟正黑體";
	font-size: 16px;
	min-height: 100%;
}
a {
	text-decoration: none;
	color: inherit;
	outline: none;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}
a:hover {
	color: #428bca;
	text-decoration: none;
}
p {
	text-align: left;
	line-height: 1.5;
}
h1 {
	font-size: 16px;
	line-height: 22px;
	font-weight: normal;
}
h2 {
	font-size: 18px;
	font-weight: bold;
	text-align: left;
}
h3 {
	font-size: 22px;
	font-weight: bold;
	text-align: left;
}
h4 {
	font-size: 20px;
	line-height: 24px;
	font-weight: normal;
	text-align: left;
}
.r_item h5 {
font-size: 16px;
color: #428bca;
font-weight: bold;
padding: 2px 0 5px 0;
}
.c1 {
	color: #FFFFFF;
}
.c1:hover  {
	color: #FFFFFF;
}
.c2 {
	color: #428bca;
}
.c3 {
	color: #CC0000;
}
.c4 {
	color: #014090;
}
.fontred{
	color:#F00;
}

.view{
	color: #1665E9;
	padding: 10px 0 20px 0;
	font-weight: bolder;
	font-size: larger;
}




/* 帳號頁面中的解說區塊 */
.register_box {
padding: 10px;
margin-bottom: 10px;
background-color: #c8e1ff;
}
.register_box li {
list-style-type: disc;
margin-left: 15px;
padding-bottom: 5px;
}

/* 圖中帶文，headline、my ads */
ul.adimg {
    padding-top:20px;
	overflow: auto;
}
.adimg>li{    
    float: left;
	width: 100%;
    margin: 0 6px 20px 0;
    background: #008fd7;
}
.infoDes {
    width: 100%;
    background-color: #252525;
    font-size: 12px;
    color: #FFFFFF;
    line-height: 18px;
    margin: -20px 0 0 0;
    position: relative;
    float: left;
	background: rgba(0, 0, 0,0.5);
	word-break:break-all;
}
.infoDes p {
	padding: 0 5px;
}
.adimg_title {
	color: #FF0;
	font-size: 18px;
}
p.input {
	background: #000000;
	border: 1px;
	color: #008fd7;
	padding: 3px;
	margin: 5px;
	width: 25px;
	float: right;
	text-align: center;
}





.bgc1 {
	background-color: #014090;
}
.bgc2 {
	background-color: #E4E4E4;
}
.bgc3 {
	background-color: #428bca;
}
.bgc4 {
	background-color: #007500;
}
.bgc5 {
	background-color: #969696;
}
.bgc6 {
	background-color: #FFFFFF;
}




select , textarea {	
	width:100%;
	margin:0px 0px 10px 0px ;
}
input[type="checkbox"] {	
	width:20px;
	height:20px;
	/* margin:0px 2px 0px 0px ; 20140616註解掉 */
}

input[type="text"] , input[type="textbox"] , input[type="password"] {	
	width:100%;
	margin:0px 0px 10px 0px ;
}
input[type="submit"] , input[type="button"] {
	width:100%;
	text-align:center;
	margin: 0 0 10px 0;
	color: #FFF;
	border: 0px;
	padding: 5px 10px;
	background-color: #014090;
	/* support Safari, Chrome */
	-webkit-border-radius: 4px;
	/* support firefox */
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size: 16px;
}

.t1 {
	font-size: 26px;
}
.t2 {
	font-size: 18px;
}
.t3 {
	font-size: 14px;
}




.b {
	font-weight: bold;
}
.align_right {
	text-align: right;
}
.align_center {
	text-align: center;
}
.align_left {
	text-align: left;
}
.scrollup {
	width: 40px;
	height: 40px;
	text-indent: -9999px;
	opacity: 0.7;
	position: fixed;
	bottom: 10px;
	right: 6px;
	display: none;
	background: url(../mobile_images/icon_top.png) no-repeat;
	z-index: 999;
}
@media only screen and (max-width: 990px) {
body {
	min-width: 320px;
}
}

/* 以下為新增 */

.more{
	padding:15px 0 3px 0;
	cursor:pointer;
}

/* 區塊 */
.headline_top_box{
	padding-bottom: 10px;
	font-size: 13px;
	font-weight: bold;
}
/*2014 10 20  weekly */
#bi_weekly {
	width:100%;
	float:left;
}
#bi_weekly h3 , .weekly_box1 span {
	margin:0;
	padding: 9px  0 0 20px;
}
.weekly_vol_title , .weekly_box1 {
	width:100%;
	border:solid 1px #666;
	min-height:44px;

}
.weekly_vol_title {
	background:url(../mobile_images/weekly_vol_title.png) no-repeat;
	background-color:#1790f3;
	margin-bottom:15px;
	color:#fff;
}
.weekly_box1 {
	background:url(../mobile_images/weekly_box_top.jpg) no-repeat;
	background-color:#d5c0af;
	float:left;
}
.weekly_box2 {
	padding:1%;
	float:left;
	width:98%;
	border-bottom: solid 1px #666;
	border-left: solid 1px #666;
	border-right: solid 1px #666;
	margin-bottom:10px;
}
.weekly_box2 .img_box {
	max-width:40%;
	float:left;
}
.weekly_box2 .img_box img {
	max-width:100%;
}
.weekly_box2 .text_box {
	width:59%;
	padding-left:1%;
	float:left;
	text-align:left;
	max-height:106px;
	clear:right;
	overflow: hidden;
}
.weekly_box2 .link_box1 {
	width:99%;
	float:left;
	text-align:right;
	padding-right:1%;
}
.weekly_box2 .link_box1 a{
	font-weight:600;
	color:#2e6a19;
}
.weekly_box2 .link_box1 a:hover{
	color:#06C;
	text-decoration:underline;
}
.weekly_box1 span {
	font-size:22px;
	font-weight:bold;
	float:left;
}
.footer {
	float:left;
	width:100%;
	padding: 10px 0 !important ;
}
/*    event   */
#event_m {
	width:100%;
	margin:5px auto;
	overflow:hidden;
}
#event_m .title {
	min-height: 20px;
	background-color: #124197;
	color: #FFF;
	text-align: center;
	padding: 35px 0 ;
	font-size: 19px;
	margin-bottom:1%;
	width:100%;
	float:left;
}

#event_m .title h3 {
	font-size: 40px;
	text-align: center;
	line-height: 0px;
	line-height: 17px;
}
.city_box {
	width:100%;
	float:left;
}
.p_city_box {
	margin-left:5%;
	width:90%;
	background: #fff;
	float: left;
}
.city_box li {
	width:32.5%;
	margin:0 0 0.7% 0.7%;
	float:left;
	background:url(../mobile_images/box_line_bg.png);
	text-align:center;
	padding:10% 0;
	color:#FFF;
	font-weight:bold;
	line-height:20px;
	font-size:13px;
}
.city_box li:active {
	background-color:#000 !important;
}
.city_box li a {
}
.cb1 {
	background-color:#6bba16 !important;
}
.cb2 {
	background-color:#7c57a9  !important;
}
.cb3 {
	background-color:#fa8bb6 !important;
}
.cb4 {
	background-color:#119eaf !important;
}
.cb5 {
	background-color:#62b1ba !important;
}
.cb6 {
	background-color:#a2d071 !important;
}
.cb7 {
	background-color:#2a2a2a !important;
}
/*       event page        */
.left_floatbar,.right_floatbar {
		width:5%;
		padding-bottom:5000px;
		margin-bottom:-5000px;
		float:left;
}
.left_floatbar {
			background-color:#000;

}
.right_floatbar {
			background-color:#000;

}
.dayBoxF {
	float:left;
	border:solid 1px #000;
	width:100%;
}
.dayBox {
	width:12%;
	float:left;
	font-family:Helvetica;
	font-weight:bolder;
}
.dayBox .week {
	margin-left:7%;
	width:93%;
	padding:12px 0;
	background: url(../mobile_images/box_line_bg.png) , #7aebf5;
	float:left;
	border-left:solid 1px #000;
	border-right:solid 1px #000;
}
.dayBox .day {
	width:100%;
	padding:5px 0;
	height:auto;
	float:left;
	background-color:#F36;
	border:solid 1px #000;
	border-bottom: none;
	text-align:center;
	color:#FFF;
	font-size:13px;
	line-height:12px;
}
.eventOneText {
	float:left;
	width:84%;
	padding:10px 2% 0 2%;
	text-align:left;
}
.emb {
	background: url(../mobile_images/box_line_bg.png), #FDFBE7;
}
summary {
	width:100%;
	line-height:30px;
	border:solid 1px #000;
	background:url(../mobile_images/box_line_bg.png),#3D212C;
	border-top: none;
	color: #fff;
	float: left;
}
details p {
	padding:2% 1%;
	border:solid 1px #000;
	border-top:none;
	float:left;
	width:98%;
	text-align:left;
}
.floatbar {
	width: 4.6%;
	border: solid 1px;
	height: 100px;
	background: #fff;
	position: fixed;
}
.floatbar img {
	width:100%;
}
@media only screen and (max-width: 1150px) { 
	#event_m .title h3 {
		font-size:30px;
	}
	#event_m .title {
		padding: 22px 0 ;
	}
}
@media only screen and (max-width: 640px) { 
#event_m .title h3 {
	font-size:25px;
}
.dayBox {
	width:16%;
}
.eventOneText {
	width:80%;
}
.eventMenu li {
	padding:4% 1%;
}
}


/* 2015.10.14 fullsize */

#adFun {
		width: 100%;	/* 圖片的寬 + 邊框寬度 * 2 */
		overflow: hidden;
	}

	#adFun .adFunBox {
		height: auto;	/* 圖片的高 */
		width: 100%;	/* 圖片的寬 */
		overflow: hidden;
		position: relative;
/*
        padding-bottom: 15px;
		margin-bottom: 5px;
*/
	}

	.adFunBox ul, .adFunBox li {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.adFunBox ul {
		position: absolute;
        width: 100%;
	}

	.adFunBox ul li {
		float: left;
	}

	#adFun .arrows {
	}

	#adFun .arrows a {
        padding: 6px 13px 8px 13px;
        color: aliceblue;
        text-align: center;
        background: rgb(126, 126, 126);
        border-radius: 3px;
	}
    #adFun a:hover { background: rgba(37, 37, 37, 0.93); }
	#adFun a.next {
        position: fixed;
        top: 40%;
        right: 5px;
	}
    #adFun a.prev {
        position: fixed;
        top: 40%;
        left: 8px;
	}
    
    .nextPage {
        position: fixed;
        top: 40%;
        right: 5px;
        padding: 6px 11.5px 8px 11.5px !important;
        background: #000 !important;
        color: #fff;
        border-radius: 3px;
/*        transform: rotate(90deg);*/
/*        display: none;*/
    }
     .prevPage {
        position: fixed;
        top: 40%;
        left: 8px;
        padding: 6px 11.5px 8px 11.5px !important;
        background: #000 !important;
/*        transform: rotate(90deg);*/
        color: #fff;
        border-radius: 3px;
        display: none;
    }
    .nowNember {
        padding: 6px 13px 8px 13px;
        color: aliceblue;
        text-align: center;
        background: rgb(126, 126, 126);
        border-radius: 3px;
        position: fixed;
        top: 65%;
        left: 8px;
        
    }
    .fa { margin-top: 3px; }
    
    

	.loading {
		border: 6px solid #168;
		border-right: 6px solid #fff;
		border-bottom: 6px solid #fff;
		border-radius: 100%;
		height: 100%;
		width: 100%;
		-webkit-animation: loading 1s infinite linear;
		-moz-animation: loading 1s infinite linear;
		-ms-animation: loading 1s infinite linear;
		-o-animation: loading 1s infinite linear;
		animation: loading 1s infinite linear;
        position: fixed;
        height: 70px;
        width: 70px;
        top: 50%;
        left: 40%;
        z-index: 999;
	}
	.word {
		position: absolute;
		top: 0;
		left: 0;
		color: #168;
		display: inline-block;
		text-align: center;
		font-size: 72px;
		line-height: 72px;
		font-family: 微軟正黑體, arial;
		margin: 18px 0 0 20px;
		padding: 0;
	}
	@-webkit-keyframes loading {
		from {
			-webkit-transform: rotate(0deg);
		}
		to {
			-webkit-transform: rotate(360deg);
		}
	}
	@-moz-keyframes loading {
		from {
			-moz-transform: rotate(0deg);
		}
		to {
			-moz-transform: rotate(360deg);
		}
	}
	@-o-keyframes loading {
		from {
			-o-transform: rotate(0deg);
		}
		to {
			-o-transform: rotate(360deg);
		}
	}
	@keyframes loading {
		from {
			transform: rotate(0deg);
		}
		to {
			transform: rotate(360deg);
		}
	}
.loadingBg {
    width: 1000px;
    height: 1000px;
    background-color: rgba(0, 0, 0, 0.65);
    left: 0;
    top: 0px;
    position: fixed;
    z-index: 9;
}

.fordisplay { height: 0; overflow: hidden; }
.span-4 { margin: 0 auto; float: none; }


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

input[type="text"] , input[type="textbox"] , input[type="password"] {	
	width:96%;
	margin:0px 0px 10px 0px ;
}    
    
.view{
    color: #1165dd;
    padding: 22px 0 20px 0;
    font-weight: bolder;
    font-size: 40px;
    text-align: left;
    line-height: 40px;
}

.rememberMe {
    display: block;
    margin-bottom: 5px;
    float: left;
    padding-right: 10px;
    line-height: 28px;
}

#remember_login { float: left; }
    
.d1 p { font-size: 18px; font-weight: bold; }

a.small_info { color: #1165DD; }

.user_logon_button {
    margin: 10px 0;
}
    
.mobile_hide {
    text-align: left;
    width: 100%;
    float: left;
    margin: 7px 0;
}
    
.c_menu {
    margin-top: 15px;
    float: left;
}
    .photo_center { text-align: center !important; }   
}


	#adFun {
		width: 100%;	/* 圖片的寬 + 邊框寬度 * 2 */
		overflow: hidden;
	}

	#adFun .adFunBox {
		height: auto;	/* 圖片的高 */
		width: 100%;	/* 圖片的寬 */
		overflow: hidden;
		position: relative;
        padding-bottom: 15px;
		margin-bottom: 5px;
	}

	.adFunBox ul, .adFunBox li {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.adFunBox ul {
		position: absolute;
        width: 100%;
	}

	.adFunBox ul li {
		float: left;
	}

	#adFun .arrows {
	}

	#adFun .arrows a {
        padding: 6px 13px 8px 13px;
        color: aliceblue;
        text-align: center;
        background: rgb(126, 126, 126);
        border-radius: 3px;
	}
    #adFun a:hover { background: rgba(37, 37, 37, 0.93); }
	#adFun a.next {
        position: fixed;
        top: 40%;
        right: 5px;
	}
    #adFun a.prev {
        position: fixed;
        top: 40%;
        left: 8px;
	}
    
    .nextPage {
        position: fixed;
        top: 40%;
        right: 5px;
        padding: 6px 11.5px 8px 11.5px !important;
        background: #000 !important;
        color: #fff;
        border-radius: 3px;
/*        transform: rotate(90deg);*/
/*        display: none;*/
    }
     .prevPage {
        position: fixed;
        top: 40%;
        left: 8px;
        padding: 6px 11.5px 8px 11.5px !important;
        background: #000 !important;
/*        transform: rotate(90deg);*/
        color: #fff;
        border-radius: 3px;
        display: none;
    }
    .nowNember {
        padding: 6px 13px 8px 13px;
        color: aliceblue;
        text-align: center;
        background: rgb(126, 126, 126);
        border-radius: 3px;
        position: fixed;
        top: 65%;
        left: 8px;
        
    }
    .fa { margin-top: 3px; }
    
    

	.loading {
		border: 6px solid #168;
		border-right: 6px solid #fff;
		border-bottom: 6px solid #fff;
		border-radius: 100%;
		height: 100%;
		width: 100%;
		-webkit-animation: loading 1s infinite linear;
		-moz-animation: loading 1s infinite linear;
		-ms-animation: loading 1s infinite linear;
		-o-animation: loading 1s infinite linear;
		animation: loading 1s infinite linear;
        position: fixed;
        height: 70px;
        width: 70px;
        top: 50%;
        left: 40%;
        z-index: 999;
	}
	.word {
		position: absolute;
		top: 0;
		left: 0;
		color: #168;
		display: inline-block;
		text-align: center;
		font-size: 72px;
		line-height: 72px;
		font-family: 微軟正黑體, arial;
		margin: 18px 0 0 20px;
		padding: 0;
	}
	@-webkit-keyframes loading {
		from {
			-webkit-transform: rotate(0deg);
		}
		to {
			-webkit-transform: rotate(360deg);
		}
	}
	@-moz-keyframes loading {
		from {
			-moz-transform: rotate(0deg);
		}
		to {
			-moz-transform: rotate(360deg);
		}
	}
	@-o-keyframes loading {
		from {
			-o-transform: rotate(0deg);
		}
		to {
			-o-transform: rotate(360deg);
		}
	}
	@keyframes loading {
		from {
			transform: rotate(0deg);
		}
		to {
			transform: rotate(360deg);
		}
	}
.loadingBg {
    width: 1000px;
    height: 1000px;
    background-color: rgba(0, 0, 0, 0.65);
    left: 0;
    top: 0px;
    position: fixed;
    z-index: 9;
}

.linkTitle .linkaBg {
    font-style: oblique;
    padding-bottom: 0px !important;
    display: block;
    padding: 6px 20px 0 20px !important;
    clear: both;
    line-height: 1.428571429;
    color: #333333;
    white-space: nowrap;
}

.linkTitle .linkaBg:hover { background: #fff; color: #000; }
.linkli {
    padding-bottom: 7px;
}

.linkli li {
    padding-top: 16px;
}


a.top_post { text-decoration: none; background: #fff; padding: 1px 12px; color: #1A4412; font-size: 13px; border-radius: 12px; font-weight: bold; margin-left: 20px; border: solid 1px #fff; box-shadow: 10px 6px 23px 2px rgb(151, 246, 0) inset;}
a.top_post:hover { box-shadow: 11px -46px 23px -37px rgb(151, 246, 0) inset; }

.top_logo { margin-top: 6px; margin-left: 7px; float: left; }
.navbar-toggle { margin: 3px 9px 0 -6px !important; }

.linkli li a {
    text-indent: 30px;
}

.login-li ,.nav-menu2 { font-weight: bold;}

.wrap{ overflow: hidden; margin-bottom: 20px;}
.wrap .container1 { width: 400%; height: 100%; position: relative; overflow:hidden; transition: all 0.35s; padding-left: 0 !important; padding-right: 0 !important; background: #fff;}  
.scene{ display: inline-block; position: relative; width: calc(100% / 4); height: 100%; text-align: left; float:left;}
ul.stepBtn { width: 100%; float: left;}

ul.stepBtn li { padding: 5px 18px; background: #69DDFF; border-radius: 13px; color: #fff; margin: 0px 5px 0 5px; float: left; border: solid 1px rgba(0, 112, 255, 0.73); box-shadow: 5px -16px 20px -3px #4899FF inset; text-shadow: -1px 1px 3px rgb(14, 78, 109) !important; font-weight: bold; font-size: 15px;}
ul.stepBtn li a:hover { color: #ff0; }
ul.stepBtn li a:focus { color: #fff; }

.wrap .container1 .scene iframe { margin-bottom: 20px; }

.button1 #submit_b { border: solid 1px #3F8001; background: #548426; text-align: center; color: #fff; font-weight: bold; text-shadow: 0 0 3px #000; margin-top: 10px; height: 45px !important; padding: 13px 0 15px 0 !important; box-shadow: 12px -22px 32px -9px #87B857 inset;}

ul.c_menu li { background: #42A363; width: 30%; margin: 0 1%; padding: 4px 0px; text-align: center; border-radius: 5px; color: #fff; font-weight: bold; text-shadow: 0 0 2px rgba(0, 0, 0, 0.69);}

input { height: 35px !important; }
select { height: 47px;}

.mb1 { text-align: left; width: 96%; }

.post_act0 ul li { border-bottom: #969696 dotted 1px; padding: 15px 0px 15px 0px;}

.view_black { font-weight: bold; font-size: 20px; }

.scene:nth-child(1) { margin-bottom: -50px; }

h2.blue_back { background: #2B8BFF; color: #fff; font-size: 22px; font-weight: bolder; text-align: center; border-radius: 8px; margin: 15px 0 10px 0;}

td.bgc6.align_left .divBoxStyle1 table tbody tr { width: 50px; display: table-caption;}
td.bgc6.align_left .divBoxStyle1 table tbody tr td { display: inherit; width: 160px;}
.adFunBox li.selected { font-size: 62.5%;}