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


body {
	margin: 0px;
	font-family: "微軟正黑體";
}

a.sr-only {
    background: #2B358C;
    color: #FFF;
    float: left;
}

.sr-only {
    position: absolute;
    width: 0.063rem;
    height: 0.063rem;
    padding: 0;
    margin: -0.063rem;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
	color:#fff;
}


a[accesskey] {
    position: absolute;
	color: #ccc;
}


a, a:active, a:hover {
    text-decoration: none;
}

a:focus {
  outline: 0;
  color: #999caa;
  border: 2px solid #333;
  text-decoration: none;
}

/* index hover area*/

 .caption{
     position: absolute;
     background: url(/I/zh-tw/png/trans-black-50.htm) repeat;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

.caption h5 {
    float: left;
    margin: 10px auto 10px 20px;
}
		
.caption .txt_h3, .caption p{
     color: #FFF;
     margin: 10px;
}
		
.caption .txt_h3{
     border-bottom: solid #FFF 1px;
     margin: 20px 20px 10px 20px;
}
        
.caption .txt_h2{
     color: #FFF;
     margin: 20px 20px 10px 130px;
}

.caption p{
   font-size: 1em;
   line-height: 1.1em;
   margin: 0 20px 15px 20px;
}

.cation ul{
    display: inline-block;
    width: 300px;
    max-width: 300px;
    line-height: 12px;
    margin: 10px 20px 10px;
}

.caption li{
    display: inline-block;
    width: 500px;
    color: #FFF;
    line-height: 12px;
    margin: 0 20px 10px;
}

.caption li a{
     color: #FFF;
     text-decoration: none;
}

.caption li .txt_h1{
    display: inline-block;
    font-size: 0.85em;
    margin-bottom: 8px;
    margin-right: 5px;
}

 .caption li .txt_h6 {
    display: inline-block;
    font-size: 0.85em;
    margin-bottom: 8px;
    margin-right: 12px;
    width: 80px;
}

.caption a.learn-more{
    margin-top: 5px;
    margin-right: 10px;
    float: right;
    border: 1px solid #FFF;
    padding: 5px 15px;
    color: #fff;
    border-radius: 2px;
   -moz-border-radius: 2px;
    font-weight: bold;
    text-decoration: none;
}

.caption a.learn-more:hover{
     background: #fff;
     color: #08c;
}

.caption a.learn-more:focus{
     background: #fff;
     color: #08c;
	 border: 1px solid #ff6c00;
}

.caption a.learn-more_2:focus{
     background: #fff;
     color: #08c;
	 border: 1px solid #ff6c00;
}

.caption a.learn-more_2 {
    margin: 10px 10px auto auto;
    float: right;
    border: 1px solid #FFF;
    padding: 5px 15px;
    color: #fff;
    border-radius: 2px;
    -moz-border-radius: 2px;
    font-weight: bold;
    text-decoration: none;
}

.caption a.learn-more_2:hover {
    background: #fff;
    color: #08c;
}


/* index hover area end*/

.top_wrapper{
	width: 100%;
	height: 139px;
	background-image: url(/Img/top_bg.png);
	background-repeat: repeat-x;
	margin-left: 0 auto 0 auto;
}
.top_header{
	width: 80%;
	height: 139px;
	margin: 0 auto 0 auto;
}
.top_nav{
    float:left;	
	width:13%;
}

.top_menu{
	float: right;
	width:87%;
}

.nav_01{
	margin: 20px 0 20px 0;
	text-align: right;
	color:#898989;
	font-size:0.8em;
}	

.nav_01 a{
	color:#898989;
	padding: 0 3px;
	text-decoration: none;
}	
.nav_01 a:hover {
    color: #288dcd;
	text-decoration: underline;
}

.nav_02{
	margin:47px 0px 0px 325px;
	
	
}	
.nav_02 ul{
	width: 100%;
		
}	


.nav_02 ul li{
	display: block;
	float: left;
	margin: 3px;
	list-style-type: none;

}	

.nav_02 ul li a{
	text-decoration: none;
	color:#1b1b1b;
	padding: 0 3px;
	display: block;
	
}	
.allcontain{
	width: 80%;
	margin: 30px auto 0 auto;
	height: auto;
	
}
    
.pc01 {
    float: left;
    width: 39%;
    margin: 0 6px 6px 0;
    overflow: hidden;
    position: relative;
	height:407px;
}

.pc02 {
    float: left;
    width: 30%;
    overflow: hidden;
    position: relative;
    margin: 0 6px 6px 0;
	height:407px;
	
}
	

.pc03_1 {
    float: left;
    width: 30%;
    overflow: hidden;
    position: relative;
    margin: 0 0 6px 0;
	height:407px;
}

.ind_mov{
	width: 100%;
    height: 409px
}

.pc03{
    float: left;
    width: 23.5%;
	margin: 0 6px 6px 0;
    overflow: hidden;
    position: relative;
	}

.pc04{
    float: left;
    width: 42%;
    margin: 0 6px 6px 0;
    overflow: hidden;
    position: relative;
	}


.pc05{
    float: left;
    width: 33.4%;
    overflow: hidden;
    position: relative;
	margin: 0 0 6px 0;
	}

.contain_c{
    margin: -3px 0 6px 0 ;
    width: 100%;		
}

.pc06{
    float: left;
    width: 23.7%;
	margin: 0 6px 0 0;
	overflow: hidden;
	position: relative;
	height: 201px;
	}

.pc07{
    float: left;
    width: 23.7%;
	margin: 0 6px 0 0;
	overflow: hidden;
	position: relative;
	height: 201px;
	}


.pc08{
    float: left;
    width: 23.7%;
	margin: 0 7px 0 0;
	overflow: hidden;
	position: relative;
	height: 201px;
	}

.r_pc01{
    float: left;
    width: 12.7%;
	margin: 0 7px 0 0;
	overflow: hidden;
	}
.pc09,.pc10,.pc11 {
	width: 100%;
	margin: 0 0 4px 0;
	
	}
	
.pc09 a,.pc10 a,.pc11 a {
	display:block;
	
	}


.pc09 img,.pc10 img,.pc11 img {
	width: 100%;
	}

.r_pc02{
	float: left;
	width: 14.2%;
	overflow: hidden;
	font-size:0.8em;
	}

.pc12  {
	float: left;
	width: 49%;
	margin: 0 2px 4px 0;
	background-image: url(/Img/fb.png);
	background-repeat: no-repeat;
	height: 105px;
	background-size: 100%;
	
	}

.pc13  {
	float: left;
	width: 49%;
	background-image: url(/Img/YouTube.png);
	background-repeat: no-repeat;
	height: 105px;
	margin: 0 0 4px 0;
	background-size: 100%;
	}


.pc14  {
	clear: both;
	background-image: url(/Img/location.png);
	background-repeat: no-repeat;
	background-size: 100%;
	height: 101px;
	width: 99%;
	
	}

.pc12 a,.pc13 a,.pc14 a{
	display: block;
	height: inherit;
}


.t_01,.t_02,.t_04,.t_05,.t_07,.t_08{
	position: absolute;
	right:-9px;
	bottom: 18px;
}

.t_03_1{
	position: absolute;
	right:-37px;
	bottom: 18px;
}

.t_03, .t_06 {
    position: absolute;
    right: -24px;
    bottom: 18px;
}

.t_01 img,.t_02 img,.t_03 img,.t_04 img,.t_05 img,.t_07 img,.t_08 img{
	width: 83% !important;
}

.t_03_1 img{
    width: 81% !important;
}

.t_06 img{
    width: 81% !important;
}

.pc01 img ,.pc02 img,.pc03_1 img,.pc03 img,.pc04 img,.pc05 img,.pc06 img,.pc07 img,.pc08 img{
    width: 100%;
	
	}

.footer{
    margin: 1% auto 0px auto;
    height: auto;
    padding: 15px 0 22px 0;
}

.footer_all{
	width: 65%;
	margin: 0 auto 0 auto;
}

.ft_logo{
	float: left;
	width: 37%;
	text-align: right;
	padding-top: 23px
	
}

.ft_contain{
	float: left;
	margin: 0 0 0 30px;
	width: 47%;
	font-size: 0.91em;
	padding-top: 23px
}

.ft_icon{
	float: left;
	width: 10%;
	padding-top: 23px
	
}

.RWD_footer{
		display: none;
}


.RWD_tright{
		display: none;
}

nav {
    display: none;
    width: 100%;            
}
.nav ul{
    margin: 0;
    padding: 0;
}
.nav li{
    position: relative;
    float: left;
    color: #FFF;
    list-style: none;
    background: #e6e9ea;
}
.nav li a {
    display: block;        
    padding: 15px 30px;
    color: #FFF;
    text-decoration: none;
}
 
.nav li:hover {
}

#RWD_top{
		display: none;
}



/*內頁CSS開始*/

.sitemap{
	font-size: 0.91em;
	text-align: right;
}

.sitemap a{
	color: #616161;
	text-decoration: none;
}

.sitemap a:hover{
	color: #0092bc;
}

.sitemap span{
	font-family: "MS UI Gothic";
	padding: 0 6px 0 6px;
}

.site_path{
    display: inline-block;
	margin: 0 25px 0 0;
}

.toolbar_01{
	 display: inline-block;
	
}

.title_area{
	position: relative;
	margin: 10px 0 20px 0;
}

.title{
	color: #086fb4;
	font-size: 2.2em;
	float: left;
}

.search{
	float: right;
	margin-top: 38px;
	
}

.select{
	width: 170px;
	height: 41px;
	padding: 8px 8px 8px 8px;
	margin: 0 15px 0 0;
	color: #292929;	
	float: left;
	font-size: 0.91em;
}

.select2{
	width: 160px;
	height: 41px;
	padding: 8px 8px 8px 8px;
	margin: 0 0 0 0;
	color: #292929;	
	float: left;
	font-size: 0.91em;
	font-family: "微軟正黑體";
}

.textfield{
	width: 170px;
	height: 20px;
	padding: 8px 8px 8px 8px;
	margin: 0 2px 0 0;
	color: #292929;	
	float: left;
	font-size: 0.91em;
}

.sel_title{
	font-size: 1em;
	color: #616161;
	float: left;
	margin: 0 10px 0 10px;
	padding: 5px 0 0 0;
}

.search_btn {
	float: right;
	margin: 0 0 0 10px;
}

.list_area{
	margin: 18px 0 30px 0;
}

.list_area > a{
	display:block;
}

.list_box{
	padding: 20px 40px 20px 20px;
	background-color: #f8f8f8;
	margin-bottom: 20px;

}

.list_pc{
	float: left;
	margin: 0 20px 0 0;
	width: 18%;
}

.list_pc img{
	width: 100%;
}

.list_word{
	float: right;
	width: 80%;
}

.list_word_h1{
	color: #0b70be;
	font-size: 1.55em;
	margin: 0 0 22px 0;
}

.list_word_h1 a{
	color: #0b70be;
	text-decoration: none;
}

.list_word_h1 a:hover{
	color: #095692;
	text-decoration: none;
}

.list_word_h1 span{
	padding: 6px 13px 6px 13px;
	background-color: #52a1ad;
	color: #fff;
	font-size: 0.7em;
	margin: 0 15px 0 0;
	text-align: center;
}

.list_word_h2{
	color: #838383;
	font-size: 1.2em;
	margin: 0 0 10px 0;
}

.list_word_h3{
	color: #2e2e2e;
    font-size: 1.2em;
    margin: 0 0 10px 0;
    line-height: 32px;
	text-align: justify;
	float: right;
    width: 80%;
}

.page_nav{
	line-height:50px;
	text-align:center;
	word-spacing:8px;
	font-size: 0.91em;
	margin-bottom: 50px;
	
}

.page_nav a{ color:#333;  text-decoration:none;}
.page_nav a:hover{color:#0092bc; text-decoration:none;}
.page_nav span{padding:0 10px;}


.in_footer{
	margin: 7% auto 0px auto;
    height: auto;
    padding: 15px 0 22px 0;
	background-color: #e1f5f8;
}

.in_footer_all{
	width: 80%;
    margin: 0 auto 0 auto;
}

.in_footer_left{
	float: left;
	width: 71%;
}

.in_footer_rig{
	float: right;
	width:28%;
}

.in_footer_rig img{
	width:31%;
	margin: 27px 0 0 3px;
}

.in_footer .ft_logo {
    float: left;
    width: 23%;
    text-align: right;
    padding-top: 23px;
}

.in_footer .ft_contain{
	float: left;
    margin: 7px 0 0 15px;
    width: 52%;
    font-size: 0.91em;
    padding-top: 23px;
}

.in_footer_left .ft_icon {
    float: left;
    width: 10%;
    padding-top: 37px;
}


.incon_area{
	margin: 18px 0 0 0;
}

.incon_left{
	float: left;
	width: 69%;
	
}

.incon_right{
	float: right;
	width: 25%;
}

.incon_left2{
	float: left;
	width: 70%;
	
}

.pc_area{
	margin: 0 0 30px 0;
	position: relative;
}

.bigpc{
	width: 35%;
	float: left;
	margin: 0 25px 0 0;
	position: relative;
}

.bigpc img{
	width: 100%;
}

a.ifMain{
	display:block;
	box-sizing:border-box;
}

a.ifMain:focus{
	border:2px solid #323232;
	width: 97%;
}

.viewbig {
    height: 39px;
    width: 39px;
    position: absolute;
    right: 0px;
    bottom: 0px;
}

.viewbig a{
    display:block;
}

.pcinf{
	width: 50%;
	float: left;
}

.pcinf2{
	float: left;
}

.pin_h1{
	color: #e8044f;
	font-size: 1.85em;
	margin: 0 0 15px 0;
	font-weight: bold;
}

.pin_h2{
	color: #e2660b;
	font-size: 1.25em;
	margin: 0 0 10px 0;
}

.pin_h3{
	color: #838383;
	font-size: 1.13em;
	margin: 0 0 15px 0;
}

.pin_share{
	margin: 15px 0 10px 0;
}

.pin_share img{
	margin: 0 10px 0 0;
}
.pin_share input{
	margin: 0 10px 0 0;
}


.spc {
	position: absolute;
	bottom: 0px;
}
.spc_aw_L {
	float: left;
	height: 51px;
	width: 16px;
}
.spc_aw_R {
	float: right;
	height: 51px;
	width: 16px;
}
.sp_img {
	float: left;
	height: 51px;
	width: 69px;
	margin-right: 2px;
	margin-left: 2px;
	overflow: hidden;
	background-color: #dedede;
}

.sp_img a{
	display:block;
}

.sp_img img{
	width:100%;
	height: auto;
    min-height: 100%;
}


.pword {
	margin-bottom: 30px;
    font-size: 1.13em;
    line-height: 35px;
    color: #141414;
    margin-top: 15px;
    text-align: justify;
}


.r_box {
	margin-bottom: 45px;
}
.abtitle {
	font-size: 1.4em;
	color: #028b8d;
	background-image: url(/Img/icon1.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-bottom: 4px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #bebebe;
	padding-top: 4px;
	margin-bottom: 10px;
}

.me_other {
	margin:0 0 30px 0;
}

.me_other img{
	width:100%;
	height: auto;
}

.me_other p{
	margin:5px 0 5px 0;
	color:#555555;
}

.me_other p a{
	color:#555555;
	text-decoration:none;
}

.r_box ul {
	margin: 0px;
	padding: 7px 0px 0px 15px;
}
.r_box ul li {
	font-size: 1.25em;
	color: #434343;
	list-style-position: outside;
	list-style-image: url(/Img/icon2.jpg);
	margin-bottom: 13px;
}
.r_box ul li a{
	color: #434343;
	text-decoration:none;
}

.r_box ul li a:hover{
	color: #6d6d6d;
	text-decoration:none;
}

.back{
	margin: 40px 0 40px 0;
}

.back a{
	display: block;
	margin: 0 auto 0 auto;
	width: 170px;
	text-align: center;
	padding: 10px 15px 10px 15px;
	background-color: #bbbbbb;
	color: #fff;
	font-size: 1.13em;
	cursor: pointer;
}

.back a:hover{
	background-color: #2b2b2b;
}

.RWD_page{
	display: none;
}

.RWD_search{
	display: none;
}

.RWD_calander{
	display: none;
}

.selarea{
	position: absolute;
	left: 45%;
	margin-top: 50px;
}

.selarea2{
	position: absolute;
	left: 29%;
	margin-top: 50px;
}

.selbox{
	float: left;
	width: 94px;
	height: 34px;
	padding: 2px 0 3px 0;
	background-image: url(/Img/sel_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	color: #fff;
	font-size: 1.13em;
}


.selbox a{
	display: block;
	color: #fff;
}

.selbox2{
	float: left;
	width: 94px;
	height: 34px;
	padding: 2px 0 3px 0;
	background-image: url(/Img/sel_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	color: #fff;
	font-size: 1.13em;
}

.selbox2 a{
	display: block;
	color: #fff;
}

.selbox_no{
	float: left;
	width: 94px;
	height: 34px;
	padding: 3px 0 2px 0;
	background-image: url(/Img/nosel_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	color: #355459;
	font-size: 1.13em;
}

.selbox_no a{
	display: block;
	color: #355459;
}

.selbox2_no{
	float: left;
	width: 94px;
	height: 34px;
	padding: 3px 0 2px 0;
	background-image: url(/Img/nosel_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	color: #355459;
	font-size: 1.13em;
}

.selbox2_no a{
	display: block;
	color: #355459;
}

.classarea{
	background-image: url(/Img/classbg.png);
	background-repeat: repeat-x;
	height: 60px;
	text-align: center;
	margin: -15px 0 50px 0;
}

.classarea > a{
	display: inline-block;
	color: #185a84;
	font-size: 1.38em;
	font-weight: bold;
	margin: 15px 12px 0 12px;
	padding-bottom: 12px;
	/*width: 140px;*/
	min-width: 80px;
}

.classarea span{
	display: inline-block;
	color: #185a84;
	font-size: 1.38em;
	font-weight: bold;
	margin: 15px 12px 0 12px;
	padding-bottom: 12px;
	/*width: 140px;*/
	min-width: 80px;
	position:relative;
}

.classarea span > a{
	color: #185a84;
}

.classarea span > a:hover {

    color: #ed6d1c;
}

.clam{
    position: absolute;
    top: 35px;
    left: -51px;
    width: 185px;
    height: 200px;
    z-index: 1;
	background-image: url(/Img/clarrow.png);
	background-repeat: no-repeat;
	background-position:center top;
}

.clamint {
    margin: 12px 0 0 0;
    background-color: rgba(246, 133, 0, 0.9);
    padding: 15px 0 15px 0;
}

.clatbox {
    margin: 0 0 0 0;
    text-align: center;
    color: #fff;
    font-size: 0.75em;
}

.clatbox a {
    text-decoration: none;
    color: #fff;
    display: block;
    line-height: 0.7em;
    padding: 11px 0 11px 0;
}

.clatbox a:hover {
    background-color: rgba(237, 99, 0, 0.9);
}

.selactive{
	border-bottom: 4px solid #FBA30A;
}

.seouter{
    height: 94px;
    margin: -48px 0 32px 0;

}

.list_area_left{
	float: left;
	width: 70%;
	
}

.list_area_left2{
	width: 100%;
	
}

.list_area_right{
	float: right;
	width: 26%;
	
}

.clbox {
	margin: 0 10px 0 10px;
	width: 30%;
	float: left;
	margin-bottom: 50px;
	background-color: #f5f5f5;
	height: 520px;
    position: relative;
    border: 1px #ececec solid;
}

.clbox > a,.clbox2 > a,.clbox3 > a{
display:block;
}

.clbox2 {
	margin: 0 21px 0 22px;
    width: 22%;
    float: left;
    margin-bottom: 50px;
    background-color: #f5f5f5;
	padding-bottom: 15px;
	height:480px;
	border: 1px #ececec solid;
}

.clbox3 {
    margin: 0 21px 50px 22px;
    width: 30.2%;
    float: left;
    /* background-color: #f5f5f5; */
    /* padding-bottom: 15px; */
    height: 350px;
    /* border: 1px #ececec solid; */
	position:relative;
}

.clpc {
	background-color: #ececec;
	overflow: hidden;
	margin-bottom: 10px;
	height: 235px;
}

.clbox3 .clpc {
    height: 100%;
}


.clpc img {
	width: 100%;
}

.cltitle {
	font-size: 1.33em;
	color: #0b70be;
	margin-bottom: 12px;
	font-family: "微軟正黑體", Arial;
	line-height: 32px;
	padding: 0 15px;
}

.cltitle a{
	color: #0b70be;
	text-decoration:none;
	font-family: "微軟正黑體", Arial;
}
.cltitle a:hover{
	color: #0d6fbb;
	text-decoration:none;
}

.clbox3 .cltitle {
    color: #fff;
    margin-bottom: 0px;
    /* line-height: 32px; */
    padding: 15px 2% 15px 2%;
    position: absolute;
    bottom: 0px;
    background-color: rgba(0, 0, 0, 0.8);
    width: 96%;
}

.clbox3 .cltitle a{
    color: #fff;
}

.cldate {
	font-size: 1.1em;
	color: #e25305;
	margin-bottom: 15px;
	padding: 0 15px;
}
.clh3 {
	font-size: 1.05em;
	color: #6d6d6d;
	margin-bottom: 12px;
	padding: 0 15px;
}
.clh2 {
	font-family: "微軟正黑體";
	font-size: 0.95em;
	color: #2e2e2e;
	margin-bottom: 10px;
	padding: 0 15px 0 10px;
	line-height: 24px;
	word-break: break-all;
}

.clstall{
    padding: 0 15px;

}

.clstage{
   font-size: 1em;
   margin:0 0 5px 0 ;
}

.clstalist{
   font-size: 1em;
   margin:0 0 7px 0 ;
}

.cl_stt{
   color: #828282;
   margin-top: -30px;
}

.a_crm_share {
    border-radius: 19px;
    background-color: #ff7f24;
    padding: 3px 15px 3px 15px;
    color: #fff;
}

.a_crm_share:hover {
    background-color: #e45f00;
}

.a_crm_vote {
    border-radius: 19px;
    background-color: #3bc6d4;
    padding: 3px 15px 3px 15px;
    color: #fff;
}

.a_crm_vote:hover {
    background-color: #00acbd;
}


.signup{
	text-align: right;
	padding: 10px 15px;
	position: absolute;
    bottom: 10px;
    right: 1px;
}

.signup > a{
display:block;
}


.HC_B_Calendar{
	float: left;
	width: 100%;
	min-height: 250px;
	border:#4c99b6 2px solid;
	border-radius:5px;
	padding-bottom:5px;
}

.cname {
    font-family: "微軟正黑體", Arial;
    font-size: 1.38em;
    color: #165983;
    text-align: center;
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(76, 153, 182);
    letter-spacing: 1px;
	font-weight: bold;
}

.ll-skin-siena .ui-widget-header {
    color: #447695;
    border: none;
    font-size: 1.2em;
    box-shadow: 0 1px 0 #fff, 0 2px 0 #fff;
    font-family: Arial;
    font-weight: bold;
    height: 45px;
}

.ll-skin-siena .ui-icon-circle-triangle-w {
    background-image: url(/Img/c_aw_left.jpg);
    background-repeat: no-repeat;
    float: left;
    height: 9px;
    width: 9px;
    margin-top: 15px;
    margin-left: 20px;
}

.ll-skin-siena .ui-icon-circle-triangle-e {
    background-image: url(/Img/c_aw_right.jpg);
    background-repeat: no-repeat;
    float: right;
    height: 9px;
    width: 9px;
    margin-top: 15px;
    margin-right: 20px;
}

.ui-datepicker-title {
    float: left;
    width: 84%;
    margin-top: 10px;
    text-align: center;
}


.ll-skin-siena .ui-datepicker table {
    font-size: 0.91em;
    _font-size: 0.91em;
    font-size: 0.91em\0;
    margin: 0;
    border: none;
}

.ll-skin-siena .ui-datepicker th {
    color: #cfc8bc;
    text-transform: uppercase;
    font-size: 1.1em;
    font-weight: normal;
}

.ui-datepicker-calendar thead tr th span {
    font-size: 1em;
    color: #217493;
    font-family: Arial;
}

.ll-skin-siena .ui-state-disabled .ui-state-default {
    color: #cfc7bb;
    text-align: center;
}

.ll-skin-siena .ui-state-default {
    background: rgba(255, 255, 255, 0);
    color: #1b1b1b;
    font-weight: normal;
    font-size: 1.1em;
    text-decoration: none;
    padding: 13px 0px 13px 0px;
}

.ll-skin-siena .ui-datepicker table a {
    text-align: center;
    border: 1px solid transparent;
    border-bottom: none;
	box-sizing: border-box;
}


.datepicker a {
    display: block;
    width: 100%;
}

td.eventDay{
    text-align: center;
}


.selalldate{
	text-align: right;
	font-size: 1.3em;
	color: #075687;
	clear: both;
    padding-top: 10px;
}

.calanword{
	font-size: 1.18em;
	color: #565555;
	margin: 40px 0 0 0;
	
}

.calanword img{
	margin: 0 8px 0 0;
	
}

.seldatearea{
	margin: 15px 0 0 0;
	
}

.textleft{
	float: left;
	margin: 0 5px 0 15px;
}


.seldate{
	float: left;
	width: 40%;
	height: 35px;
	margin: 0 0 0 15px;
	
}

.selkeyword{
	margin: 15px 0 0 0;
	clear: both;
	padding-top: 25px;
}

.sel_h2{
	float: left;
	width: 22%;
	margin: 0 20px 0 0;
	font-size: 1.18em;
	color: #565555;
	padding-top: 8px;
	text-align: right;
	
}

.key_textfield{
	float: left;
	width: 70%;
    height: 35px;
	
}

.selclassarea{
	margin: 15px 0 0 0;
	clear: both;
	padding-top: 25px;
}

.checkclass{
	float: left;
	width: 64%;
}

.checkclass_box{
	float: left;
	width: 45%;
	margin: 0 12px 0 0;
}

.checkbox{
    float: left;
    margin: 11px 8px 0 0;
    width: 20px;
    height: 20px;
}

.checkbox_text{
   float: left;
	color: #464646;
	font-size: 1.13em;
	margin-top: 8px;
}


.checkclass ul {
	margin: 0px;
	padding: 0px;


}


.checkclass ul li{
    list-style-type: none;
	display:block;
	float: left;
	width: 45%;
	margin: 0 12px 6px 0;
	color: #464646;
	font-size: 1.1em;


}

.pernumberarea{
	margin: 10px 0 0 0;
	clear: both;
	padding-top: 20px;
	
}

.sel_num{
	float: left;
	width: 67%;
	height: 40px;
	margin: 0 10px 0 10px;
}

.rg_search{
	margin: 40px 0 0 0;
	text-align: right;
}

.plantitle{
	background-image: url(/Img/icon3.jpg.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0 0 0 30px;
	margin: 30px 0 30px 0;
	font-size: 1.75em;
	color: #ff8400;
	font-weight: bold;
}

.plan_h1{
	color: #e8044f;
	font-size: 1.85em;
	margin: 0 0 30px 0;
	font-weight: bold;
}

.plan_bigpc{
	width: 35%;
	float: left;
	margin: 0 25px 5px 0;
}

.plan_bigpc img{
	width: 100%;
}

.arp_left {
    float: left;
    width: 25%;
    margin: 0 3% 0 0;
}

.arp_right {
    float: left;
    width: 71%;
}

.arp_bpc {
    margin: 0 0 30px 0;
}

.arp_bpc img{
	width:100%;
}

.artarea{
	margin: 60px 0 100px 0;
}

.artarea_title{
	font-size: 1.5em;
	color: #2680a6;
	background-image: url(/Img/icon2.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0 0 0 15px;
	margin: 0 0 30px 0;
}

.art_box{
	width: 17%;
	float: left;
	margin: 0 15px 30px 15px;
    height: 340px;
	
}


.art_box_pc{
	margin: 0 0 15px 0;
	padding: 5px;
	background-color: #ebeaea;
}

.art_box_pc a{
	display:block;
}

.art_box_pc img{
	width: 100%;
}

.art_name_zh{
	margin: 0 0 1px 0;
	color: #03759a;
	font-size: 1.05em;
	text-align: center;
	
}

.art_name_en{
	margin: 0 0 15px 0;
	color: #03759a;
	font-size: 1.05em;
	font-family: Arial, sans-serif;
	text-align: center;
}

.art_country{
	margin: 0 0 10px 0;
	color: #626262;
	font-size: 1.05em;
	text-align: center;
}

.art_sign{
	margin: 40px 0 10px 0;
}

.art_list_box {
	margin: 0 10px 15px 10px;
    width: 14%;
    float: left;
    margin-bottom: 50px;
    background-color: #f5f5f5;
	padding: 8px;
	height: 415px;
}

.art_listname{
	font-size: 1.3em;
	color: #0b70be;
	padding: 0 10px;
	margin: 0 0 8px 0;
}

.art_listname a{
	color: #0b70be;

}

.art_listname_en{
	font-size: 1.13em;
	color: #e25305;
	padding: 0 10px;
	margin: 0 0 8px 0;
}

.art_bigpc{
	width: 23%;
    float: left;
    margin: 0 35px 0 0;
	background-color: #f5f5f5;
}

.art_bigpc img{
	width: 100%;
}

.art_pcinf{
	width: 55%;
	float: left;
}


.art_h1{
    color: #e8044f;
    font-size: 1.85em;
    margin: 0 0 1px 0;
    font-weight: bold;
}

.art_h1_en{
    color: #e8044f;
    font-size: 1.75em;
    margin: 0 0 30px 0;
    font-weight: bold;
}

.artist {
    margin-top: 55px;
    margin-bottom: 40px;
}

.artist_intlt {
    font-size: 1.45em;
    color: #2680a6;
    background-image: url(/Img/icon3.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 30px;
    font-weight: bold;
    font-family: "微軟正黑體";
}

.art_all {
    margin-top: 20px;
	position: relative;
	width: 825px;
}


.jCarousel > .spc_aw_L, .jCarousel > .spc_aw_R{
  margin:39px 0 0 0;
}

.art_works {
    /*width: 24%;*/
    float: left;
    overflow-x: hidden;
    overflow-y: hidden;
    margin-right: 3px;
    margin-left: 3px;
}

.work_pc {
    overflow-x: hidden;
    overflow-y: hidden;
	background-color: #efefef;
}

.work_pc img{
    width: 100%;
}

.workname {
    color: #03759a;
    font-size: 1.13em;
    line-height: 24px;
    text-align: center;
    margin-top: 8px;
}

.no_maright{
	margin: 0 0px 0 0 !important;
	
}

.at_ttl{
    background-color: #f9f9f9;
    padding: 10px 10px 10px 10px;
}

.ar_vbar{
    margin: 0 0 10px 0 ;
}


.ar_vbar iframe{
    width: 100%;
	height: 500px;
}


.at_ph > h1{
font-size:1.5em;
}

.atp_n{
    height: auto !important;
}

.atp_inf{
   width: 90%;
   margin: 15px auto 0 auto;
   line-height:26px;
   font-size:1em;

}

.atp_w{
   color:#024dad;
}

.atp_ps{
   margin: 15px auto 0 auto;
}

.re,.ra,.rc,.rr,.r1{
   padding: 7px 10px 7px 10px;
   border-bottom: 1px #e4e3e3 dotted;
}

.rw{
   padding: 7px 10px 7px 10px;
   border-bottom: 1px #e4e3e3 dotted;
}

.ri{
   padding: 7px 10px 7px 10px;
   border-bottom: 1px #e4e3e3 dotted;
}

.reyear{
    float: left;
    width: 13%;
    margin-right: 2%;

}

.retitle{
    float: left;
    width: 50%;
    margin-right: 2%;

	
}

.rename{
    float: left;
    width: 33%;

}

.reyear2 {
    float: left;
    width: 13%;
    margin-right: 4%;
	font-size: 0.95em;
}

.retitle2 {
    float: left;
    width: 35%;
    margin-right: 4%;
	font-size: 0.95em;
}

.rename2 {
    float: left;
    width: 25%;
	margin-right: 4%;
	font-size: 0.95em;
}

.reyear3 {
    float: left;
    width: 10%;
    margin-right: 4%;
	font-size: 0.95em;
}

.retitle3 {
    float: left;
    width: 15%;
    margin-right: 4%;
	font-size: 0.95em;
}

.rename3 {
    float: left;
    width: 10%;
	margin-right: 4%;
	font-size: 0.95em;
}

.remody{
    float: left;
    width: 15%;
	font-size: 0.95em;

}

.remody a{
    color: #0096e0 !important;
    background-color: transparent;

}

.reg_tex{
  font-size: 0.85em;
  color: #828282;
  margin:0 0 15px 0;

}

.readbtn{
   margin:15px 0 0 0;
   width: 15%;
}

.readbtn a{
    display: block;
    background-color: #3dbdbf;
    padding: 3px 5px 3px 5px;
    text-align: center;
    color: #fff !important;
    font-size: 0.9em;
}

.at_bm1{
    float: left;
    width: 29%;
    margin-right: 2%;
	font-size: 0.95em;
}

.at_bm2{
    float: left;
    width: 10%;
    margin-right: 2%;
	font-size: 0.95em;
}

.at_bm3{
    float: left;
    width: 11%;
    margin-right: 2%;
	font-size: 0.95em;
}

.at_bm4{
    float: left;
    width: 12%;
    margin-right: 2%;
	font-size: 0.95em;
}

.at_bm5{
    float: left;
    width: 16%;
    text-align: center;
    margin-right: 2%;
	font-size: 0.95em;
}

.at_bm6{
    float: left;
    width: 12%;
	font-size: 0.95em;
}

.at_bm6 a{
    color: #0096e0 !important;
    background-color: transparent;
}

.a_Worksbtn{
    display: block;
    background-color: #3dbdbf;
    padding: 3px 5px 3px 5px;
    text-align: center;
    color: #fff !important;
    font-size: 0.9em;
}

.mgt{
    margin: 10px 0 0 0;
}

.select1{
    width: 22%;
    height: 32px;
}


.org_title{
	font-size: 1.75em;
	color: #e8044f;
	margin: 0 0 11px 0;
}

.p_word{
	font-size: 1.18em;
	color: #2a2a2a;
	margin: 0 0 30px 0;
	line-height: 26px;
}

.sign_table{
	margin: 0 0 30px 0;
	
}

.sign_table_title{
	margin: 0 0 20px 0;
	padding: 10px 25px 10px 25px;
	background-color: #edf6f8;
	color: #006c84;
	font-size: 1.3em;
	
}

.sig_tab1{
	float: left;
	width: 42%;
	margin: 0 10px 0 0;
		
}

.sig_tab1 a{
	color: #007bbb;
	text-decoration: none;
		
}

.sig_tab1 a:hover{
	color: #00a5db;
	text-decoration: none;
		
}

.sig_tab2{
	float: left;
	width: 41%;
	margin: 0 10px 0 0;	
}

.sig_tab3{
	float: left;
	width: 15%;
	text-align: center;
}

.sig_tab3 a {
    display: block;
    padding: 7px 2px 7px 2px;
    background-color: #28b0c0;
    text-align: center;
    color: #fff;
    margin-top: -5px;
    font-size:0.9em;
}

.sig_tab3 a:hover {
    background-color: #0097a9;

}

.sig_tab4{
	float: left;
	width: 20%;
	margin: 0 10px 0 0;	
}


.sig_tab5{
	float: left;
	width: 15%;
	margin-left:8px;
	text-align: center;
}

.sig_tab5 a {
    display: block;
    padding: 7px 2px 7px 2px;
    background-color: #ccc;
    text-align: center;
    color: #fff;
    margin-top: -5px;
    font-size:0.9em;
}

.sig_tab5 a:hover {
    background-color: #666;
}

.sign_list{
	padding: 20px 25px 15px 25px;
	color: #5a5a5a;
	font-size: 1.2em;
	border-bottom: 1px solid #b0b0b0;
}

.text_blue{
	color: #007bbb;
}


.videoarea{
	margin: 50px 0 30px 0;
	
}

.video{
	margin: 18px 0 30px 0;
	
}

.ch_list_pc {
    float: left;
    margin: 0 20px 0 0;
    width: 12%;
	padding: 8px;
	background-color: #eae9e9;
	text-align: center;
	
}

.ch_list_pc img {
    width: 100%;
}

.ch_list_word {
    float: right;
    width: 85%;
}


.ch_list_word_h3 {
    color: #2e2e2e;
    font-size: 1.25em;
    margin: 22px 0 10px 0;
    line-height: 32px;
    text-align: justify;
    float: right;
    width: 85%;
}

.ch_word_h1{
	color: #0b70be;
    font-size: 1.55em;
    margin: 0 0 10px 0;
}

.ch_word_h1 a{
	color: #0b70be;
	text-decoration: none;
}

.ch_word_h1 a:hover{
	color: #095692;
	text-decoration: none;
}


.ch_bigpc{
	width: 21%;
    float: left;
    margin: 0 25px 0 0;
    position: relative;
    padding: 8px;
    background-color: #eae9e9;
    text-align: center;
}

.ch_sp_img {
	float: left;
	height: 117px;
	width: 85px;
	margin-right: 4px;
	margin-left: 4px;
	overflow: hidden;
	background-color: #dedede;
	border: 1px solid #C8C8C8;
}

.ch_sp_img img {
    width: 100%;
    height: auto;
}


.ch_spc_aw_L
{
    float: left;
    height: 51px;
    width: 16px;
    padding-top: 34px;
}
.ch_spc_aw_R
{
    float: right;
    height: 51px;
    width: 16px;
    padding-top: 34px;
}

.ab_h1{
	color: #f36d00;
	font-size: 1.55em;;
	margin: 30px 0 15px 0;
}

.abtext{
	margin: 0 0 40px 0;

}

.abtext ul li{
	list-style-position: outside;
	list-style-type: none;
	font-size: 1.13em;
	line-height: 28px;
	margin: 0 0 5px 0;
	font-weight: bold;
}

.abtext ul li ul {
	margin: 20px 0 25px 0;
}

.abtext ul li ul li{
	list-style-position: outside;
	list-style-type: decimal;
	font-size: 0.95em;
	line-height: 28px;
	margin: 0 0 5px 0;
	font-weight: normal;
}


.reserve_table {
	margin: 0 0 30px 0;
	border: 1px solid #D5D5D5;
}

.reserve_table1 {
	border: 1px #D5D5D5;
	border-left-style:solid;
	border-bottom-style:solid;
	border-right-style:solid;
	margin-top: -31px;
	margin-bottom:30px;
}

.reta_bar {
	background-color: #e9eff4;
	border-bottom: 1px solid #e8e8e8;
}

.reta_bar_left {
	padding: 2% 0 0 2%;
	float: left;
	font-size: 1.25em;
	color: #2b2b2b;
	width: 18%;
}

.reta_bar_left .Rspan{
	color: #da0000;
	padding: 0 0 0 3px
}

.reta_bar_right {
	background-color: #fff;
	padding: 2% 2% 2% 2%;
	float: left;
	font-size: 1.2em;
	color: #2b2b2b;
	width: 76%;
	line-height: 26px;
	min-height: 28px;

}

.reta_bar_right a{
    color: #22baea;
}




.reta_bar_right ul {
     padding: 0px;
	 margin: 0px;
}

.reta_bar_right ul  li{
     display:block;
	 float:left;
	 margin-right: 10px;
}

.reta_bar_right2 {
	background-color: #fff;
	padding: 2% 2% 2% 2%;
	float: left;
	font-size: 1.2em;
	color: #2b2b2b;
	width: 26%;
	min-height: 45px;

}

.reta_bar_right2 ul {
     padding: 0px;
	 margin: 0px;
}

.reta_bar_right2 ul  li{
     display:block;
	 float:left;
	 margin-right: 10px;
}

.can_left{
	float: left;
	margin: 0 15px 0 0;
	width: 55%;
	
}

.can_redt{
	font-size: 0.95em;
    color: #e10101;
    float: left;
    margin: 0 10px 0 10px;
    padding: 120px 0 0 0;
	width: 40%;
}

.ret_textarea{
	width: 78%;
    height: 35px;
    padding-left: 2%;
	font-family: "微軟正黑體";
	font-size: 0.85em;
}

.ret_textarea2{
	width: 50%;
	height: 35px;
	float: left;
	font-family: "微軟正黑體";
}

.ret_textarea3{
	width: 38%;
	height: 35px;
	margin: 0 0 10px 0;
	font-family: "微軟正黑體";
	
}

.ret_textarea_L{
	width: 80%;
	height: 130px;
}


.ret_textarea_s{
	width: 28%;
	height: 35px;
	float: left;
}

.ret_textarea_s2{
	width: 38%;
    height: 41px;
	float: left;
	margin: 0 8px 0 0;
}

.reg_textarea_ss{
	width: 21%;
    height: 35px;
    margin: 0 5px 10px 5px;
    font-family: "微軟正黑體";
}

.ret_Tel{
	width: 36%;
    height: 35px;
	margin: 0 8px 0 0;
}

.reg_TelCode{
	width: 10%;
    height: 35px;
    margin: 0 5px 10px 5px;
    font-family: "微軟正黑體";
}

.nabar{
	float: left;
	margin: 0 35px 15px 0;
	width: 155px
}

.nabar2{
	float: left;
	margin: 0 35px 15px 0;
	width: 120px
}

.reta_redt{
	font-size: 0.95em;
    color: #e10101;
    float: left;
    margin: 0 10px 0 10px;
    padding: 5px 0 0 0;
}

.reta_block{
	float: left;
	margin: 0 10px 0 0;
	width: 45%;
}

.reta_stex{
	font-size: 0.91em;
	color: #2b2b2b;
	padding: 8px 0 8px 0;
}

.lbbar{
	margin: 0 0 10px 0;
}

.lmgb {
    margin-bottom: 10px;
}

#ctl00_oCPH_Content_lbl_MaxLength01,#ctl00_oCPH_Content_lbl_MaxLength02,#ctl00_oCPH_Content_lbl_MaxLength03{
    font-size: 0.85em;
    color: #828282;
    margin: 0 0 15px 0;
}

#ctl00_oCPH_Content_RR_Proposal_File{
    margin-top: 8px;
}

select#ctl00_oCPH_Content_CRE_Nationality,select#ctl00_oCPH_Content_CRA_Nationality,select#ctl00_oCPH_Content_CRC_Nationality,select#ctl00_oCPH_Content_CR1_Nationality {
    width: 31%;
}

.block2{
	margin: 2px 0 0 0;
}


.textarea_b{
	width: 80%;
	height: 80px;
}

.reta_bar2 {
	background-color: #e4e4e4;
	border-bottom: 1px solid #e8e8e8;
	text-align: center;
	font-size: 1.3em;
	padding: 12px 0 12px 0;
}

.seladdress {
    float: left;
    width: 19%;
    height: 35px;
    margin: 0 15px 15px 0;
}

.reta_send{
	text-align: center;
	padding: 40px 0 40px 0;
}

.reta_send a {
    width: 150px;
    background-color: #f77d43;
    color: #fff;
    padding: 5px 14px 5px 14px;
    margin-left: 5px;
}

.reta_send a:hover {
    background-color:  #f8552f;


}

.rli ul {
    padding: 0px;
}

.rli ul li{
    display: block;
    font-size: 1.05em;
    float: left;
    margin: 0 15px 13px 0;
}

#ctl00_oCPH_Content_pn_Top_Description_1,#ctl00_oCPH_Content_pn_Footer_Description_1{
     font-size: 0.9em;
}


.ch_pin_h2 {
    color: #e2660b;
    font-size: 1.25em;
    margin: 0 0 10px 0;
}

.RWD_rebtn,.rwselda{
	display: none;
}

.RWD_select{
	display: none;
}

.RWD_select2{
	display: none;
}


.ccod{
   float: right;
   margin: -30px 85px 0px 0px;
}

#ctl00_oCPH_Content_oL_Login_lbl_password,#ctl00_oCPH_Content_oL_Login_lbl_verification,#ctl00_oCPH_Content_oL_Check_lbl_verification{
   color:#000;
}


/*學員專區CSS*/

.stutable{
	width: 100%;
	border: 1px solid #D3D3D3;
}

.stutable2{
	width: 80%;
	border: 1px solid #D3D3D3;
	margin:0 auto 0 auto;
}

.stutable3{
	width: 80%;
	border: 1px solid #D3D3D3;
	margin:0 auto 0 auto;
}

.stu_title{
	background-color: #dbf0fc;
	font-size: 1.25em;
	font-weight: bold;

}

.stu_t1{
	float: left;
	width: 46%;
	padding: 15px 0 15px 3%

}

.stu_t2{
	float: left;
	width: 23%;
	padding: 15px 0 15px 2%
}

.stu_t3{
	float: left;
	width: 11%;
	padding: 15px 0 15px 2%
}

.stu_t4{
	float: left;
	width: 9%;
	padding: 15px 2% 15px 2%
}

.stu_t4 a{
	display: block;
	width: 88%;
	padding: 10px 10px 10px 10px;
	background-color: #3dbdbf;
	color: #fff;
	text-align: center;
	margin-bottom: 8px;
    font-size: 0.8em;
}

.stu_t4 a:hover{
	background-color: #33a5a7;

}

.stu_con{
	font-size: 1.25em;
	border-bottom: 1px solid #D3D3D3;
}

.stu_tbox{
	color: #25597d;
	margin: 0 0 8px 0;
}

.stu_tbox_h1{
	float: left;
	text-align: justify;
	width: 15%;
	font-weight: bold;
}

.stu_tbox_h2{
	float: left;
	width: 85%;
	line-height: 30px;
}

.padtop{
	padding-top: 43px;
	
}

.stu_view{
	background-color: #efeff0;
	font-size: 1.18em;
	border: 3px solid #D7D7D8;
}

.stu_vbar{
	border-bottom: 1px solid #D7D7D8;
}

.stu_vh1{
	float: left;
	width: 8%;
	padding: 2% 3% 2% 2%;
}

.stu_vh2{
	float: left;
	width: 82%;
	padding: 2% 3% 2% 2%;
	background-color: #fbfafa;
	min-height: 50px;
}

.stu_vh3{
	float: left;
	margin: 0 20px 12px 0;
	width: 31%;
}

.stu_vh3_larg{
	float: left;
	margin: 0 20px 12px 0;
	width: 80%;
}

.stu_vh3_left{
	float: left;
	margin: 0 20px 0 0;
	width: 90px;
	font-weight: bold;
}

.stu_vh3_right{
	float: left;
	margin: 0 20px 0 0;
	width: 60%;
}

.stu_orgtext{
	color: #ed6a00;
	text-align: center;
	padding: 2% 0  2% 0;
	line-height: 28px;
}

.stu_close{
	text-align: center;
	padding: 2% 0  2% 0;
}


.stu_ortb {
    width: 90%;
    margin:27px auto 15px auto;
    background-color: #ffffff;
	font-size: 0.9em;
}

.or_tbtitle {
    padding: 8px 10px 8px 10px;
    background-color: #9a9a9a;
    color: #fff;
	
}

.or_tbc {
    padding: 13px 10px 13px 10px;
	border-bottom: 1px dotted #c1c1c1;
}

.tbt01 {
    float: left;
    width: 42%;
    margin-right: 2%;
}

.tbt02 {
    float: left;
    width: 14%;
    margin-right: 2%;
}

.tbt03 {
    float: left;
    width: 10%;
    margin-right: 1%;
}

.tbt03 a {
    color:#0790df;
}

.tbt04 {
    float: left;
    width: 12%;
    margin-right: 3%;
    text-align: center;
}

.tbt05 {
    float: left;
    width: 14%;
}

.colpay_tbt02 {
    float: left;
    width: 80%;
    margin-right: 2%;
}


.or_tbtt{
   width: 90%;
   margin: 0 auto 0 auto;
   font-size: 0.85em;
    color: #828282;

}

.orp_til{
    padding: 5px 3px 5px 3px;
    background-color: #6f6f6f;
    margin-top: 15px;
    margin-bottom: 8px;
    color: #fff;
}

.orp_ba{
    padding: 8px 3px 8px 3px;
    font-size: 0.95em;
    border-bottom: 1px dotted #c1c1c1;
}

.orp_t01{
    float: left;
    width: 38%;
    margin-right: 2%;
}

.orp_t02{
    float: left;
    width: 35%;
    margin-right: 2%;
}

.orp_t03{
    float: left;
    width: 13%
}



.schoolarea{
    clear: both;
    padding-top: 15px;
}

.fch_wtextfield {
    width: 100px;
    height: 35px;
}

.sch_gpc{
    margin-left: 20px; 
    margin-top: 5px;
}

.sch_gpc br{
    line-height: 28px;
}

.sch_sour{
    margin-bottom: 8px;
    font-size: 1.1em;
}

.a_Friend{
    display: block;
    width: 100px;
    background-color: #2dcde8;
    text-align: center;
    padding-top: 8px;
    padding-bottom: 8px;
    color: #ffffff !important;
	float: left;
}

.stu_extt{
   font-size: 1em;
   margin-bottom: 45px;
}

.stu_extt ul li{
   margin-bottom: 5px;
}


#ctl00_oCPH_Content_pn_02{
   font-size: 1.2em;
   color: #f13e00;
   
}

.atpw{
   font-size: 1.2em;
   color: #474747;
   margin-bottom: 20px;
}

.other_textarea{
   width: 50%;
   height: 35px;
 }

.textarea{
    width: 90%;
}

#dialog_Friend{
   height: auto !important;
 }
 
 .frilbar{
     margin-bottom: 10px;
 }
 
 .fri_lf{
    float: left;
    width: 10%;
    margin-right: 2%;
 }
 
 .fri_lg{
    float: left;
    width: 88%;
 }
 
 .fri_sebar{
    text-align: right;
 }
 
 #ctl00_oCPH_Content_MF_Name,#ctl00_oCPH_Content_MF_Year, #ctl00_oCPH_Content_MF_Height{
    height: 28px;
    padding-left: 5px;
 }
 
 #ctl00_oCPH_Content_MF_Month,#ctl00_oCPH_Content_MF_Identity{
    height: 31px;
    font-family: "微軟正黑體";
 
 }
 
 #ctl00_oCPH_Content_MFSubmit,#ctl00_oCPH_Content_MFDelete{
    font-family: "微軟正黑體";
 
 }
 
 
 #ctl00_oCPH_Content_MF_Year{
     width: 110px;
	 margin:0 8px 0 8px;
 }





/*----*/


/*內頁CSS結束*/

/*轉寄CSS*/
.forward_text{
	font-size: 1em;
	margin: 0 0 8px 0;
	
}

.forward_title{
	font-size: 1.5em;
	margin: 0 0 35px 0;
	font-weight: bold;
	color: #df5e05;
}

.forword_table{
	margin: 0 auto 15px auto;
	width: 65%;
	border: 5px solid #D3D3D3;
}

.forword_table2{
	margin: 0 auto 15px auto;
	width: 70%;
	border: 5px solid #D3D3D3;
}


.forword_list{
	background-color: #e9eff4;
	border-bottom: 1px solid #D7D7D7;
}

.forword_left{
	float: left;
	text-align: center;
	padding: 15px 5px 5px 5px;
	width: 25%;
	font-size: 1.1em;
	
}

.forword_right{
	float: right;
	background-color: #fff;
	padding: 15px 5px 15px 15px;
	width: 70%;
	min-height: 25px;
	
}


.forword_right span{
	margin: 0 0 0 5px;
	color: #868686;
}

.forword_right span.Rspan{
	color: #da0000;
}

.forword_left span{
	margin: 0 0 0 5px;
	color: #868686;
}

.forword_left span.Rspan{
	color: #da0000;
}

.RText{
	color: #da0000;
}

.fwtearea{
	width: 58%;
	height: 120px;
}

.fwtextfield{
	width: 58%;
	height: 35px;
	
}

.fwsword{
	font-size: 1em;
	margin: 5px 0 0 0;
	
}

.mleft{
	margin: 0 0 0 25px;
}

.fw_radio{
	margin: 0 15px 0 0;
}

.fw_send{
	text-align: center;
	margin: 30px 0 0 0;
}

.fw_tt{
    padding: 12px 0 12px 0;
    text-align: center;
    background-color: #f3f3f3;
    border-bottom: 1px solid #D7D7D7;
    font-size: 1.2em;
    font-weight: bold;
    color: #005e98;
}

.Comp_RO {
    padding-left: 21px;
}

.Comp_RO_1 {
    margin-bottom: 25px;
}

/*轉寄CSS結束*/

/*志工CSS*/

.vltt{
    margin-bottom: 15px;
    font-weight: bold;
    font-size: 1.2em;
}

.ret_textarea_gm {
    width: 52%;
    height: 35px;
	margin:0 5px 0 0;
    padding-left: 2%;
}

.ret_textarea_sh {
    width: 46%;
    height: 35px;
	margin:0 5px 0 0;
	padding-left: 2%;
	
}

#ctl00_oCPH_Content_pn_Dept{
    width: 54%;
    float: left;
    margin-left: 10px;
}

.vl_tleft{
    float: left;
    width: 23%;
    margin-right: 2%;
    font-size: 0.9em;
    color: #4a90d6;
    margin-bottom: 15px;
}

.vl_trg{
    float: left;
    width: 75%;
}

#divAdd2{
    margin-top: 10px;
}



#ctl00_oCPH_Content_pn_Retirement{
    float: left;
    margin-left: 10px;
    margin-top: 5px;

}

.select_vl {
    width: 57%;
    height: 39px;
	font-family: "微軟正黑體";
}

.select_v2 {
    width: 29%;
    height: 41px;
    padding: 8px 8px 8px 3px;
    margin: 0 10px 0 0;
    color: #000000;
    float: left;
    font-size: 0.85em;
    font-family: "微軟正黑體";
}

.select_v3 {
    width: 82%;
    height: 39px;
	font-family: "微軟正黑體";
	font-size: 0.85em;
}

.vel_textarea {
    width: 15%;
    height: 35px;
    padding-left: 2%;
    font-family: "微軟正黑體";
    font-size: 0.85em;
}

.vlts{
    font-size: 0.85em;
    margin-top: 5px;
}

.vl_pg2al{
    /*padding:10px 10px 10px 10px;*/
}

.vl_pg2tt{
    margin:0 0 10px 0;
	padding: 18px 10px 10px 10px;

}

.vl_tbar{
    padding: 13px 10px 13px 10px;
    background-color: #efefef;
}

.vl_stb{
    width: 95%;
    margin: 24px auto 28px auto;
}

.vtbl{
    padding: 8px 12px 8px 12px;
    background-color: #e3eff7;
    margin-bottom: 12px;

}

.vename{
    float: left;
    width: 30%;
    margin-right: 2%;

}

.vedatestart{
    float: left;
    width: 15%;
    margin-right: 2%;
	word-break: break-all;
}

.vedateend{
    float: left;
    width: 15%;
    margin-right: 2%;
	word-break: break-all;
}

.veservice{
    float: left;
    width: 15%;
    margin-right: 2%;
}

.vmodify{
    float: left;
    width: 15%;
    margin-right: 2%;
}

.vmodify a {
    color: #4a90d6;
    background-color: transparent;
}


.ve{
    padding: 5px 12px 12px 12px;
    margin-bottom: 8px;
    border-bottom: 1px dotted #c1c1c1;
}

.vl_sttb{
    margin-bottom: 15px;
}

.vl_nad a {
    display: block;
    width: 106px;
    padding: 10px 10px 10px 10px;
    background-color: #3dbdbf;
    color: #fff;
    text-align: center;
    margin-bottom: 8px;
    font-size: 1em;
}

.vl_nad a:hover{
    background-color: #33a5a7;

}

.vls_t{
    border: 1px solid #e0e0e0;
	border-bottom: none;
}

.vtb{
    background-color: #e3eff7;
	border-bottom: 1px solid #c1c1c1;

}

.vtb_left{
    float: left;
    width: 20%;
    padding: 12px 2% 12px 2%;

}

.vtb_right{
    float: left;
    width: 74%;
    background-color: #fff;
    padding: 12px 0 12px 2%;


}

.vlpg2_textarea {
    width: 30%;
    height: 35px;
    padding-left: 2%;
    font-family: "微軟正黑體";
    font-size: 0.85em;
}

.vcht{
    margin-bottom: 17px;
}


.vta{
    padding: 8px 12px 8px 12px;
    background-color: #e3eff7;
    margin-bottom: 12px;

}

.vt{
    padding: 5px 12px 12px 12px;
    margin-bottom: 8px;
    border-bottom: 1px dotted #c1c1c1;
}

.vttype{
    float: left;
    width: 19%;
    margin-right: 2%;
}

.vtdate{
    float: left;
    width: 15%;
    margin-right: 2%;
}

.vthour{
    float: left;
    width: 10%;
    margin-right: 2%;
}

.vtname{
    float: left;
    width: 18%;
    margin-right: 2%;
}

.vtfile{
    float: left;
    width: 15%;
    margin-right: 2%;

}

.vtfile a{
    color: #4a90d6;
    margin-right: 15px;
	background-color: transparent;

}

.vrt{
    margin-bottom: 10px;
    text-align: right;
    margin-top: -24px;
}

.vl3_bar_left {
    padding: 2% 2% 0 2%;
    float: left;
    font-size: 1.08em;
    color: #2b2b2b;
    width: 23%;
    line-height: 28px;
}

.vl3_bar_left span{
    display: block;
    font-size: 0.88em;
    color: #848484;
}

.vl3_bar_right {
    background-color: #fff;
    padding: 2% 2% 2% 2%;
    float: left;
    font-size: 1.08em;
    color: #2b2b2b;
    width: 69%;
    line-height: 26px;
}

.vul_ta{
    margin-bottom: 10px;
}

.vul_ta_left{
    float: left;
    margin-right: 8px;
}

.vul_ta_right{
    float: left;
}

.vulp3_textarea{
    width: 235px;
    height: 35px;
}

.datab{
    width: 70% !important;
}

.datab tr{
    border-bottom: 1px dotted #bbbbbb;
}

.datab tr td{
  padding: 8px 5px 8px 5px;
}

.tdbbg{
    font-weight: bold;
    color: #2984e0;
    width: 18%;
}

.vl_ac{
    margin-bottom: 10px;
}

.vl_ac ul{
    padding:0px;
    margin: 0px;
}

.vl_ac ul li{
    list-style: none;
    display: block;
    float: left;
    margin-right: 14px;
}

.vl_btextarea{
    width: 90%;
    min-height: 120px;
    padding: 5px;
}

#ctl00_oCPH_Content_V_Dept{
    float: right;
}

.vli_lf {
    float: left;
    width: 25%;
    margin-right: 2%;
}

.vli_lg {
    float: left;
    width: 73%;
}

.vli_ai{
    margin-top: 15px;
}

#ctl00_oCPH_Content_VESubmit, #ctl00_oCPH_Content_FileUpload_File, #ctl00_oCPH_Content_VTSubmit{
    font-family: "微軟正黑體";
}

#ctl00_oCPH_Content_VT_Date_Year{
    width: 42%;
    margin-left: 8px;
    margin-right: 8px;
}

#ctl00_oCPH_Content_VT_Date_Month{
   margin-left: 12px;
   width: 70px;
}

/*志工CSS結束*/

/*志工調班CSS*/

.hol_ba1{
	margin: 0 0 20px 0;
}

.holb_left{
	float:left;
	color: #2f2f2f;
	font-size: 1.1em;
	
}

.holb_right{
	float:right;
	margin-top: 3px;
}

.hol_select{
	width: 130px;
	height: 35px;
	font-size: 0.9em;
	margin: 0 0 0 5px;
	font-family: "微軟正黑體";
}

.hol_send {
    width: 100px !important;
    background-color: #a4a4a4;
    padding: 7px 17px 7px 17px;
    color: #fff !important;
    font-size: 0.9em;
	margin-right: 0px !important;
	float: none !important;
}

.hol_apply {
    width: 140px;
    background-color: #3dbdbf;
    padding: 9px 17px 9px 17px;
    color: #fff;
    font-size: 1em;
}

.hol_tall{
	margin: 40px 0 20px 0;
}

.hol_tbox{
	float: left;
    width: 28%;
    margin-right: 2%;
    height: 147px;
    background-color: #f4f4f4;
    padding: 2%;
	margin-bottom: 30px;
}

.hol_tbox2{
	float: left;
    width: 28%;
    margin-right: 2%;
    height: 110px;
    background-color: #f4f4f4;
    padding: 2%;
	margin-bottom: 30px;
}

.no_mgr{
	margin-right: 0px !important;
}

.add_height{
    height: 170px;
}

.hol_h1{
	color: #ef4f00;
	font-size: 1.2em;
	margin: 0 0 20px 0;
	font-weight: bold;
}

.hol_h1 span{
	margin: 0 8px 0 8px;

}

.hol_h2{
	color: #0072dd;
	font-size: 1.1em;
	margin: 0 0 10px 0;
	letter-spacing: 1px;
}

.hol_h2 span{
	color: #2c2c2c;
	margin: 0 8px 0 0;
	font-weight: bold;
}

.hol_h2_lf{
	color: #0072dd;
	font-size: 1.1em;
	margin: 0 5% 10px 0;
	letter-spacing: 1px;
	float: left;
	width: 45%;
	
}

.hol_h2_lf span{
	color: #2c2c2c;
	margin: 0 8px 0 0;
	font-weight: bold;
}

.clttab{
    width: 80%;
}


#ctl00_oCPH_Content_btn_lastMonth,#ctl00_oCPH_Content_btn_thisMonth{
    width: 70px;
    height: 30px;
    color: #0059a0;
    font-size: 0.9em;
    border: none;
    cursor: pointer;
    float: left;
    margin-right: 5px;
	font-family: "微軟正黑體";
}


.main_left_emptyB_5{
    float: left;
    width: 85%;
}

.vltable{
    width: 80%;
}

.vltable tr td{
    padding: 8px 3px 8px 3px;
}

.vl_hrtable{
    width: 50%;
	margin:30px 0 0 0;
	border:1px solid #c1c1c1;
	border-spacing: 0px;
}

.vl_hrtable tr td{
    padding: 8px 3px 8px 3px;
	border-bottom: 1px solid #c1c1c1;
	
}

.tdlup{
 padding-left: 12px !important;
 width:15%;
}


/*志工調班CSS結束*/

/*志工服務人數CSS開始*/
.v5_add_height{
    height: 175px;
}
/*志工服務人數CSS結束*/

.seyarea{
	margin:0 0 30px 0;
}

#ctl00_oCPH_Content_ddl_Year{
	width:100px;
	padding:7px 7px 7px 7px;
	height: 35px;
}

.seyarea a {
    display: inline-block;
    width: 63px;
    padding: 6px 5px 5px 5px;
    color: #fff;
    background-color: #3dbdbf;
    height: 25px;
    text-align: center;
}

.seyarea a:hover {
    background-color: #33a5a7;
}


/*----首頁月曆CSS---------*/
.ll-skin-siena{font-size: 75%;}
.ll-skin-siena .ui-widget{font-family: Helvetica Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;}
.ll-skin-siena .ui-widget-content{border: none;background: rgba(255,255,255,0);}
.ll-skin-siena .ui-state-disabled{opacity: 1;border: none;}
.ll-skin-siena .ui-widget-header{color: #447695;border: none; background: rgba(255,255,255,0); font-size: 0.95em;box-shadow: none;font-family: Arial;font-weight: bold;height:30px;}
.ll-skin-siena .ui-datepicker{width:98%;}
.ll-skin-siena .ui-datepicker table{font-size: 0.82em; _font-size: 0.82em; *font-size: 0.82em; font-size: 0.82em\0; margin: 0;border: none;}
.ll-skin-siena .ui-datepicker td{padding: 0;border: none;}
.ll-skin-siena .ui-datepicker th, .ll-skin-siena .ui-datepicker td{border: none;}
.ll-skin-siena .ui-datepicker th:last-child, .ll-skin-siena .ui-datepicker td:last-child{border-right: none;}
.ll-skin-siena .ui-datepicker table{margin: 0;}
.ll-skin-siena .ui-datepicker th{color: #cfc8bc;text-transform: uppercase;font-size: .8em;font-weight: normal;}
.ll-skin-siena .ui-datepicker td{padding: 0;}
.ll-skin-siena .ui-datepicker tr:last-child td{box-shadow: none;}
.ll-skin-siena .ui-state-default{border: 0px solid #cfc7bb;background: rgba(255, 255, 255, 0);color: #1b1b1b;font-weight: normal;font-size: 0.82em;text-decoration: none;padding:9px 0px 9px 0px;}
.ll-skin-siena .ui-state-disabled .ui-state-default{color: #cfc7bb;text-align: center;}
.ll-skin-siena .ui-datepicker table a{text-align: center;border: 1px solid transparent;border-bottom:none;}.ll-skin-siena .ui-datepicker-header .ui-state-hover{background: transparent;border-color: transparent;cursor: pointer;}
.ll-skin-siena td a.ui-state-hover, .ll-skin-siena td a.ui-state-active, .ll-skin-siena td.eventDay.cSelect a {color: #1b1b1b;background-image: url(/I/png/ca_s_bg.htm);background-repeat: no-repeat;background-position: center center;}
.ll-skin-siena td.eventDay.Orange a.ui-state-default {background-image: url(/I/png/ca_s_bg2.htm) !important;	background-repeat: no-repeat !important;	background-position: center center !important;}
.ll-skin-siena td.eventDay.Gray a.ui-state-default {background-image: url(/I/png/ca_s_bg3.htm) !important;	background-repeat: no-repeat !important;	background-position: center center !important;	color: #898989 !important;}
.ll-skin-siena .ui-widget-header .ui-icon.ui-icon-circle-triangle-e{background-image: url(/I/jpg/c_aw_right.htm);background-repeat: no-repeat;float: right;height: 9px;width: 9px;margin-top: 15px;margin-right: 20px; background-position: 0px 0px;}
.ll-skin-siena .ui-widget-header .ui-icon.ui-icon-circle-triangle-w{background-image: url(/I/jpg/c_aw_left.htm);background-repeat: no-repeat;float: left;height: 9px;width: 9px;margin-top: 15px;margin-left: 20px; background-position: 0px 0px;}

.ll-skin-siena .ui-datepicker table a:focus{
	border: 1px solid #000;
}

.ui-datepicker-title{
   float: left;
   /*width: 330px;*/
   margin-left: 20px;
   margin-top: 5px;
   text-align:center;
   font-family: "微軟正黑體";
}

.ui-datepicker-month{
   font-family: "Times New Roman";
   font-size: 1.75em;
   font-weight: bold;
   color: #165983;	
   }
   
.ui-datepicker-calendar thead tr th span {font-size: 0.8em;color: #217493;font-family: Arial;}
.cname {font-family: "微軟正黑體", Arial;font-size: 1.3em; color: #165983;text-align: center;padding-top: 8px;padding-bottom: 8px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #4c99b6;letter-spacing: 1px;}
.stab_1 a {	display: block;	width: 120px;	padding-top: 6px;	padding-bottom: 6px;	color: #FFF;	text-decoration: none;}
/*------首頁月曆下拉選單-----*/
#HC_B_eventDay{position: absolute;z-index: 99;margin: 0;width: 215px;color: #1b1b1b;font-size: 0.82em;background-image: url(/I/png/ca_s_bg4.htm);background-repeat: no-repeat;background-position: center top;padding-top: 5px;}
#HC_B_eventDay ul{ display: block;list-style-type: disc;}
#HC_B_eventDay ul li {width: 100%; border-bottom: 1px #fff dashed;}
#HC_B_eventDay ul li a {  background-color: #3b96f4;  color: #fff; line-height:25px;padding-left: 10px; text-decoration:none;}
.onact_td{ background-color: #fff;color: #fff;}
.eventdayin {background-color: #ffeedb;font-family: "微軟正黑體";padding-right: 10px;padding-left: 10px;padding-bottom: 12px;padding-top: 5px;}
.eventdayin table tr th {font-size: 0.91em;font-weight: normal;color: #1b1b1b;padding-top: 6px;padding-bottom: 6px;padding-left: 7px;}
.eventdayin table tr td {padding-top: 6px;padding-bottom: 6px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #dbcdbd;border-top-style: none;border-right-style: none;border-left-style: none;padding-left: 7px;}


/*右方學員固定視窗CSS*/

.memberbox {
	background-color: #f6f6f6;
	width: 180px;
	position: fixed;
	top: 33%;
    right: 0px;
}
.membtitle {
	font-size: 0.95em;
	color: #06213d;
	background-color: #bcd2e9;
	background-image: url(/I/png/picon.htm);
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 30px;
}
.mclose {
	float: right;
	height: 24px;
	width: 24px;
	margin-top: -1px;
	margin-right: 3px;
}
.mcenter {
	font-size:0.95em;
	color: #06213d;
	padding-top: 12px;
	padding-right: 9px;
	padding-bottom: 12px;
	padding-left: 9px;
	letter-spacing: 1px;
	line-height: 21px;
}

.mcenter a{
    color: #e84c0d;
}



.mstext {
	font-size: 0.8em;
	color: #ea560d;
	margin-top: 13px;
	line-height: 18px;
}
.mbtext {
	font-size: 0.8em;
	color: #545454;
	background-color: #eaeaea;
	padding-top: 7px;
	padding-right: 9px;
	padding-bottom: 7px;
	padding-left: 9px;
	line-height: 20px;
}

.mbtext a{
	text-decoration:none;
	color: #545454;
}
.mbtext a:hover{
	text-decoration:underline;
	color: #545454;
}

/*右方學員固定視窗CSS結束*/


/*活動與課程報名CSS*/

.Calendar_outer{
  width: 50%;
  float: left;
  margin-right: 50px;
}

.Calendar_outer .HC_B_Calendar .ll-skin-siena .ui-datepicker table .ui-state-default {
    padding: 14px 0px 14px 0px;
	background: #f6f6f6 url(../images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 58% repeat-x;
}

.Calendar_outer .HC_B_Calendar .ui-datepicker-title {
    width: 94%;

}

.caltext{
    line-height: 25px;

}

.caltext a{
    color: #0285d4;

}

.caltab{
    border-spacing: 2px;
}

.caltab tr td{
padding:5px 7px 5px 7px;
}

.oHT_tit td{
    background-color: #efefef;
}

.caltab tr td a{
  color: #0285d4;
}

.calbbt {
   margin:20px 0 0 0;
}

.calbbt a{
    display: block;
    float: left;
    padding: 5px 10px 5px 10px;
    background-color: #f77d43;
    margin-right: 5px;
    color: #fff;
}

.calbbt a:hover{
    background-color: #f8552f;

}

.caltable {
    width: 80%;
    border: 1px solid #D3D3D3;
    margin: 0 auto 0 auto;
}

.cal_title {
    background-color: #dbf0fc;
    font-size: 1.25em;
    font-weight: bold;
	padding:0 3% 0 3%;
}

.cal_con {
    font-size: 1.25em;
    border-bottom: 1px solid #D3D3D3;
	padding:10px 3% 0 3%;
}

.cla_t1 {
    float: left;
    width: 19%;
    padding: 15px 2% 15px 0;
}
.cla_t2 {
    float: left;
    width: 14%;
    padding: 15px 2% 15px 0;
}
.cla_t3 {
    float: left;
    width: 11%;
    padding: 15px 2% 15px 0;
}

.cla_t3 a{
    color:#0285d4;
}

.cla_t4 {
    float: left;
    width: 11%;
    padding: 15px 2% 15px 0;
}
.cla_t5 {
    float: left;
    width: 11%;
    padding: 15px 2% 15px 0;
}
.cla_t6 {
    float: left;
    width: 11%;
    padding: 15px 2% 15px 0;
}
.cla_t7 {
    float: left;
    width: 11%;
    padding: 15px 0 15px 0;
}

.cla_t7 a{
    display: block;
    width: 90px;
    padding: 5px 8px 5px 8px;
    background-color: #3dbdbf;
    color: #fff;
    text-align: center;
    margin-bottom: 8px;
    font-size: 0.85em;
}

.cal_hht{
    width: 80%;
    margin: 22px auto 0 auto;
    color: #e44404;
}

.cal_confn{
    width: 80%;
    margin: 10px auto 0 auto;
}

.cal_confn a{
    display: block;
    width: 90px;
    padding: 5px 8px 5px 8px;
    background-color: #f77d43;
    color: #fff;
    text-align: center;
    font-size: 1em;
    float: left;
    margin-right: 5px;
	margin: 15px 5px 0 0;
}

.cal_confn a:hover{
    background-color: #f8552f;

}


.cla2_t1 {
    float: left;
    width: 30%;
    padding: 15px 2% 15px 0;
}
.cla2_t2 {
    float: left;
    width: 19%;
    padding: 15px 2% 15px 0;
	word-break: break-all;
}
.cla2_t3 {
    float: left;
    width: 13%;
    padding: 15px 2% 15px 0;
}

.cla2_t3 a{
    color:#0285d4;
}

.cla2_t4 {
    float: left;
    width: 12%;
    padding: 15px 2% 15px 0;
}
.cla2_t5 {
    float: left;
    width: 14%;
    padding: 15px 2% 15px 0;
}

.cal2_st {
    width: 80%;
    margin: 22px auto 0 auto;
    color: #3a3a3a;
}

.cal2_red{
    margin: 0 0 20px 0;
    color: #e44404;
	font-weight: bold;
    font-size: 1.2em;
	
}

.cal2_htt{
    margin: 0 0 25px 0;
}

.cal2_htt ul{
    margin: 10px 0px 0px 0px;
}

.cal2_htt ul li{
    margin:0 0 8px 0;
}

.cal2_cof{
    color:#0285d4;
}

.cal2_cbtn {
    width: 80%;
    margin: 18px auto 0 auto;
}

.cal2_cbtn a{
    display: block;
    padding: 5px 12px 5px 12px;
    background-color: #f77d43;
    color: #fff;
    text-align: center;
    font-size: 1em;
    float: left;
    margin-right: 5px;
    margin: 15px 5px 0 0;
}

.cal2_cbtn a:hover {
    background-color: #f8552f;
}

.clspt{
    padding: 10px 0 10px 0;
    border-bottom: 1px solid #e2e2e2;
    text-align: center;
    background-color: #f8fbff;
}


.clf_textarea {
    width: 100px;
    height: 35px;
    padding-left: 2%;
    font-family: "微軟正黑體";
    font-size: 0.85em;
}

.smt{
    font-size: 0.85em;
	margin:10px 0 0 0;
	color: #6f6f6f;
}


.clp{
    float: left;
    width: 28%;
}

.clp2{
    float: left;
    width: 26%;
	margin-top: 5px;
}

.fain{
    padding:15px 15px 15px 15px; 

}

.cln_btn{
    float: left;
    margin-right: 2%;
    width: 13%;
}

.cln_fall{
    float: left;
    width: 80%;
}

.clf_lis ul li {
    margin: 0 0 8px 0;
    font-size: 1.2em;
    list-style-type: none;
}

#ctl00_oCPH_Content_ddl_Project {
    width: 220px;
    padding: 9px 6px 9px 6px;
    font-size: 1.1em;
    font-family: "微軟正黑體";
    margin: 0 0 0 25px;
}

.clf_stab{
    width: 80%;
}

.clf_stab tr td{
   padding:10px 5px 10px 5px;
   border-bottom: 1px dashed #cac9c9;   

}

.tbtn {
    background-color: #3dbdbd;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 0.95em;
}


.flad{
    float: right;
    margin-top: 15px;
    margin-bottom: 15px;
}

.singtable3{
    clear: both;
    margin-bottom: 20px;
}

.cl_ht1{
    margin: 0 0 15px 0;
    font-weight: bold;
    color: #e44100;
    font-size: 1.1em;
}

.clft{
   margin:15px 0 15px 0;
}

.cal_caout{
    margin: 15px auto 15px auto;
    font-weight: bold;
    color: #e44100;
    font-size: 1.1em;
    text-align: right;
    width: 80%;
}

.cal_gy{
    color: #7d7d7d;
    width: 80%;
    margin: 0 auto;
    text-align: right;
}


.mcl_st {
    line-height: 25px;
    font-size: 1em;
}

.mgt{
    margin:0 0 17px 0;
}

.mcl_hyp{
    margin-top: 12px;
    font-size: 1em;
}

.mcl_hyp a{
    padding: 5px 12px 5px 12px;
    background-color: #f77d43;
    color: #fff;
    text-align: center;
    font-size: 1em;
    margin: 15px 5px 0 13px;
    width: 100px;
}

.mcl_hyp a:hover {
    background-color: #f8552f;
}

.mul_seldate{
    width: 110px;
    height: 35px;
    margin: 0 0 0 15px;
	padding:0 0 0 8px;
}

.mul_sec{
    margin-top: 45px;
    color: #404040;
    font-size: 1.25em;
    /* border-top: 2px solid #f1f1f1; */
    background-color: #f3f9ff;
    padding: 20px 15px 15px 15px;
}

.mul_sec a{
    padding: 6px 17px 9px 17px;
    background-color: #888888;
    color: #fff !important;
    text-align: center;
    font-size: 0.85em;
    margin: 15px 0 0 0;
    width: 100px;
}

.mul_sec a:hover {
    background-color: #a9a9a9;
}

.mul_sr{
    margin: 35px 0 35px 0;
    font-weight: bold;
    font-size: 1.1em;
}

.mcl_als .clbox{
    width: 23.5%;
}

.mcl_als .clbox .clpc {
    height: 245px;
}

.RApply{
    width: 80px;
    background-color: #6ec7d6;
    padding: 1px 12px 1px 12px;
    color: #fff;
	margin-left: 7px;
}

.mcl_puo{
   font-size: 0.95em;
   line-height: 26px;
   margin-top: 10px;
}

.dCourse_name{
    color: #1f7fd4;
    margin-bottom: 12px;
}


.mcl_tt1{
    margin-bottom: 5px;
    font-size: 0.9em;
    font-weight: bold;
}

.mcl_dt1{
    margin-bottom: 15px;
    border-bottom: 1px solid #dedede;
    padding-bottom: 4px;
}

.mcl_dt2{
    margin-bottom: 6px;
}

.mul_pselec{
    width: 120px;
    padding: 3px 8px 4px 8px;
    font-size: 0.9em !important;
    font-family: "微軟正黑體" !important;
}


.RPlist{
    margin: 0 0 13px 0;
    color: #e44201;
    border-bottom: 1px solid #dedede;
    padding-bottom: 6px;
}

.RPdb{
   margin-bottom: 10px;
}

.RPAdd{
    width: 40px;
    background-color: #c3c3c3;
    padding: 2px 9px 5px 9px;
}

.RPDelete{
   background-color: #d2d2d2;
    padding: 0px 11px 1px 11px;
    font-size: 1.3em;
    line-height: 24px;
}

.ageNote{
    font-size: 0.9em;
    color: #828282;
    margin-bottom: 13px;
}

.mcl_tt2{
    color: #de3601;
    font-weight: bold;
}

.mcl_tad{
    margin-top: 10px;
}


.mcl_tad a{
    padding: 6px 15px 7px 15px;
    background-color: #f77d43;
    color: #fff !important;
    text-align: center;
    font-size: 0.9em;
    margin: 15px 0 0 0;
    width: 100px;
}

.mcl_tad a:hover {
    background-color: #f8552f;
}

.RRemoved{
    color:#ff9800;
}

.mmu_bar{
   margin:0 0 8px 0;
}

.mmu_left{
   float:left;
   margin:0 8px 0 0;
}

.mul_b2{
   clear:both;
   padding:17px 0 0 0;
}

.mmu_textarea{
    width: 114px;
    height: 35px;
    padding-left: 2%;
    font-family: "微軟正黑體";
    font-size: 0.85em;
}

.mul_c1{
    margin:8px 0  8px 0;
    color: #848484;
}

.mul_ac{
   margin:0 0 18px 0;
}


/*活動與課程報名CSS結束*/

/*其他活動報名CSS*/

.otl_atable{
	width: 70%;
	margin: 0 auto 0 auto;
	
}

.tbouter{
	margin: 5px 0 35px 0;
	border: 1px solid #D7D7D7;
}

.tbouter ul {
    margin: 0px;
    height: 54px;
    padding-top: 20px;
}

.tbouter ul li {
    margin: 0px;
    list-style-type: none;
    float: left;
    margin-right: 30px;
    margin-bottom: 7px;
}

.otl_tt {
    padding: 12px 0 12px 0;
    text-align: center;
    background-color: #f3f3f3;
    font-size: 1.2em;
    font-weight: bold;
    color: #005e98;
}

.ltl_lbar{
	background-color: #e9eff4;
	border-bottom: 1px solid #D7D7D7;
}

.ltl_lbar_left{
	float: left;
    text-align: center;
    padding: 15px 2% 5px 3%;
    width: 25%;
    font-size: 1.1em;
}

.ltl_lbar_right{	
	float: right;
    background-color: #fff;
    padding: 15px 2% 15px 3%;
    width: 65%;
    min-height: 37px;	
	
}

.ltl_lbar_left2{
	float: left;
    text-align: center;
    padding: 15px 1% 5px 2%;
    width: 16%;
    font-size: 1.1em;
}

.ltl_lbar_right2{	
	float: left;
    background-color: #fff;
    padding: 15px 1% 15px 2%;
    width: 28%;
    min-height: 40px;	
	
}

.sred {
    color: #e20303;
}

.ltl_textfield{
    width: 58%;
    height: 35px;
	padding: 0 0 0 8px;
}

.ltl_lbar_right2 .ltl_textfield{
    width: 90%;
}

.ltl_textarea{
    width: 58%;
    height: 100px;
	padding: 0 0 0 8px;
}

.ltl_lbar_right2 .ltl_textarea{
    width: 90%;
    height: 35px;
	padding: 0 0 0 8px;
}

.otl_inleft{
	float: left;
	margin: 0 15px 0 0;
}

.tb_cen{
	padding: 13px 0 13px 20px;
}

.tb_opt{
	padding: 13px 0 13px 20px;
	color: #e20303;
	font-size: 1.1em;
	font-weight: bold;
	
}

.ltl_del{
	padding: 13px 0 13px 20px;
	text-align: center;
	background-color: #f9f9f9;
}

.ltl_del a{
	color: #FFF;
    background-color: #cbcbcb;
	padding: 5px 15px 5px 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-decoration: none;
    text-align: center;
}

.ltl_del a:hover{
    background-color: #a6a6a6;
}

.otl_add{
	margin: 12px 0 65px 0;
}

.otl_add a{
	color: #FFF;
    background-color: #55c6da;
	padding: 7px 17px 7px 17px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-decoration: none;
    text-align: center;
}

.otl_add a:hover{
    background-color: #09a7c3;

}

.tb_fee{
	text-align: center;
    padding: 15px 10px 15px 10px;
}

.tb_fee span{
    color: #e20303;
    font-size: 1.1em;
    font-weight: bold
}

.C_RL_Add {
    display: block;
    width: 130px;
    background-color: #2dcde8;
    text-align: center;
    padding-top: 6px;
    padding-bottom: 6px;
    color: #ffffff !important;
    margin-bottom: 15px;
}
/*其他活動報名CSS結束*/


/*網站導覽CSS*/
.sitesw  {
    margin: 0 0 15px 0;
}

.sitesw ul {
    padding: 0 0 0 27px;
    margin: -20px 0 0 0;
}

.map_list {
    border: 1px solid #c1c1c1;
    margin: 0 0 15px 0;
    padding: 10px 15px 10px 15px;
    border-radius: 10px;
    background-color: #f1f1f1;
}

.map_list h3 {
    color: #f56a00;
	    margin: 5px 0 5px 0;
}

.map_list h3 a {
    color: #f56a00;
	text-decoration:none;
}

.map_list h3 a:hover {
     color: #e44706;
}

.level li a {
    color: #000000;
}

.level li a:hover {
     color: #666666;
}

/*網站導覽CSS結束*/


.rerbox{
	margin:20px 0 25px 0;
	font-size:1.1em;
}

.rerbox:nth-child(1) {
    color: #ef621f;
    font-size: 1em;
    line-height: 1.6em;
}

.CForm{
	font-size: 0.95em;
    line-height: 1.55em;
}

.CForm_t{
	font-weight: bold;
    margin: 0 0 4px 0;
    font-size: 1em;
}

.diabar{
	margin:20px 0 25px 0;
	font-size:1.15em;
}

.diabar_left{
	float:left;
	width:13%;
	margin:0 2% 0 0 ;
}

.diabar_right{
	float:left;
	width:80%;
}

.dia_tit{
	margin:0 0 10px 0;
}

#ctl00_oCPH_Content_CRW_Year{
	width:180px;
	padding:5px 5px 5px 5px;
}

.textfield4 {
    width: 21%;
    margin: 0 4px;
    padding: 5px 0 5px 0;
}

#ctl00_oCPH_Content_CRW_Name {
    padding: 5px;
}

#ctl00_oCPH_Content_CRW_Img{
	font-family: 微軟正黑體;
}

.dia_tw{
	font-size:0.9em;
}

#LogOutTimer {
    margin-top: 15px;
    margin-bottom: 20px;
    text-align: center;
    color: #e24413;
    font-size: 1.5em;
}

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

.nav_02 {
    margin: 47px 0px 0px 26px;
}

.pc06 {
    width: 23.5%;
    height: 172px;
}

.pc07 {
    height: 169px;
}

.pc08 {
    height: 174px;
}

.pc12 {
    height: 88px;

}

.pc13 {
    height: 88px;

}

.ft_contain {
    width: 59%;
 
}

.ch_list_word {
    width: 82%;
}

.ch_list_word_h3 {
    width: 82%;
}

.seldate {
    width: 38%;
}

.sel_h2 {
    width: 26%;
	font-size: 1.14em;

}

.key_textfield {
    width: 64%;
}

.sel_num {
    width: 61%;

}

.clpc {
    height: 190px;
}

.in_footer .ft_logo {
    width: 29%;

}

.in_footer .ft_contain {
    width: 62%;
}

.sig_tab1 {
    width: 40%;

}

.clbox2 {
    margin: 0 17px 0 17px;
  
}

.fwtextfield {
    width: 51%;
    height: 35px;
}

.stu_tbox_h1 {
    width: 17%;
 
}

.stu_tbox_h2 {
    width: 83%;

}



}


@media screen and (max-width: 1440px){
.top_header {
    width: 85%;
}

.nav_01{
	margin: 25px 0 20px 0;
	text-align: right;
	color:#898989;
	font-size:0.6em;
}	
	
.nav_02{
	margin:42px 0px 0px 90px;	
}

.allcontain {
    width: 85%;
}

.pc01 {
    width: 39%;
	height: 329px;
}

.pc02,.pc03_1 {
    width: 30%;
	height: 329px;
}

.ind_mov {
    height: 325px;
}

.t_03_1 {
    right: -68px;
    bottom: 18px;
}

.pc03 {
    width: 23.5%;
}
	
.nav_02 ul li{
	display: block;
	float: left;
	margin: 1px;
	list-style-type: none;
}	

.r_pc01 {
    margin: 0 5px 0 0;
}
	
.r_pc02 {
    float: left;
    width: 13.8%;
    overflow: hidden;
    font-size: 0.6em;
}

.pc06,.pc07,.pc08  {
    height: 165px;
}
	
.pc12  {
	float: left;
	width: 49%;
	margin: 0 2px 4px 0;
	background-image: url(/Img/fb.png);
	background-repeat: no-repeat;
	height: 80px;
	background-size: 100%;
	
	}

.pc13  {
	float: left;
	width: 49%;
	background-image: url(/Img/YouTube.png);
	background-repeat: no-repeat;
	height: 80px;
	margin: 0 0 4px 0;
	background-size: 100%;
	}

.t_01 img, .t_02 img, .t_03_1 img,.t_03 img, .t_04 img, .t_05 img, .t_06 img, .t_07 img, .t_08 img {
    width: 70% !important;
}

.t_01, .t_02, .t_04, .t_05 {
    position: absolute;
    right: -34px;
    bottom: 18px;
}

.t_03 {
    position: absolute;
    right: -59px;
    bottom: 18px;
}

 .t_06 {
    right: -50px;
}

.t_07, .t_08 {
    right: -34px;
}


.footer_all {
    width: 90%;
    margin: 0 auto 0 auto;
}
	
.list_pc {
    float: left;
    margin: 0 20px 0 0;
    width: 22%;
}
	
.list_word {
    float: right;
    width: 76%;
}
	
.list_word_h3 {
    font-size: 1.13em;
    margin: 0 0 10px 0;
    line-height: 31px;
    text-align: justify;
    float: right;
    width: 76%;
}
	
.in_footer_all {
    width: 95%;
    margin: 0 auto 0 auto;
}
	
.in_footer .ft_logo {
    float: left;
    width: 26%;
    text-align: right;
    padding-top: 23px;
}
	
.in_footer .ft_contain {
    float: left;
    margin: 7px 0 0 15px;
    width: 57%;
    font-size: 0.91em;
    padding-top: 23px;
}

.bigpc {
    width: 47%;
    float: left;
    margin: 0 25px 0 0;
}	
	
.pcinf {
    width: 49%;
    float: left;
}
	
.pin_h1 {
    font-size: 1.7em;
    margin: 0 0 10px 0;
    font-weight: bold;
}
	
.pin_h3 {
    color: #838383;
    font-size: 1.05em;
    margin: 0 0 15px 0;
}
	
.title_area {
    margin: 10px 0 10px 0;
}
	
.incon_left {
    float: left;
    width: 70%;
}

.incon_right {
    float: right;
    width: 24%;
}
	
.cltitle {
    font-size: 1.25em;
    line-height: 29px;
}
	
.cldate {
    font-size: 1.05em;
}
	
.clh3 {
    font-size: 1.05em;
}
	
.clh2 {
   font-size: 0.95em;

}
	
.ui-datepicker-title {
    float: left;
    width: 79%;
    margin-top: 10px;
    text-align: center;
}
	
.ll-skin-siena .ui-datepicker th {
    font-size: 1em;
}
	
.ll-skin-siena .ui-state-default {
    font-size: 1em;

}
	
.selalldate {
    font-size: 1.18em;

}
	
.seldate {
    float: left;
    width: 39%;
    height: 35px;
    margin: 0 0 0 10px;
}
	
.sel_h2 {
    width: 27%;
    margin: 0 15px 0 0;
    font-size: 1.13em;
}
	
.key_textfield {
    width: 65%;
}
	
.checkclass {
    width: 68%;
}
	
.checkbox {
    margin: 11px 4px 0 0;
    width: 18px;
    height: 18px;
}
	
.checkbox_text {
    font-size: 0.95em;
    margin-top: 8px;
}
	
.checkclass_box {
    width: 45%;
    margin: 0 9px 0 0;
}
	
.sel_num {
    width: 61%;

}
	
.r_box ul li {
    font-size: 1.03em;
}
	
.ui-datepicker-calendar thead tr th span {
    font-size: 0.9em;
}
	
.art_list_box {
    margin: 0 7px 15px 7px;
    height: 385px;
}
	
.art_listname {
    font-size: 1.2em;
}
	
.art_listname_en {
    font-size: 1.05em;
}
	
.art_bigpc {
    width: 28%;

}
	
.art_pcinf {
    width: 65%;
    float: left;
}
	
.clbox2 {
    margin: 0 8px 20px 8px;
    width: 23.4%;
    height: 440px;

}
	
.art_box {
    width: 17%;
    float: left;
    margin: 0 12px 0 12px;
}
	
.sig_tab1 {
    width: 41%;

}
	
.sign_table_title {
    font-size: 1.25em;
}

.sign_list {
    font-size: 1.25em;

}
	
.can_redt {
    font-size: 1em;
    width: 38%;
}
	
.p_word {
    font-size: 1.05em;
	line-height: 25px;
}
	
.ch_bigpc {
    width: 27%;
    float: left;
    margin: 0 25px 0 0;
}

.stutable3{
	width: 100%;
}

.stu_tbox_h1 {
    width: 20%;

}
	
.stu_tbox_h2 {
    float: left;
    width: 80%;
}

.stu_vh3_left {
    margin: 0 8px 0 0;
    width: 90px;
}	

.stu_vh3_right {
    margin: 0 10px 0 0;
    width: 57%;
}

	
.stu_vh1 {
    float: left;
    width: 9%;
    padding: 2% 3% 2% 2%;
}
	
.stu_vh2 {
    float: left;
    width: 81%;
    padding: 2% 3% 2% 2%;
    background-color: #fbfafa;
}
	
.stu_vh3 {
    float: left;
    margin: 0 20px 12px 0;
    width: 45%;
}

.ccod {
    margin: -30px 90px 0px 0px;
}
	
.forword_table2{
	width: 85%;
}

.select {
    width: 140px;
}

.textfield {
    width: 140px;
}

.clpc {
    height: 180px;
}

.ui-datepicker-title {
    width: 224px;


}

.ll-skin-siena .ui-widget-header .ui-icon.ui-icon-circle-triangle-w {
    margin-left: -4px;

}

.checkclass ul li {
    margin: 0 9px 6px 0;
    font-size: 1em;
}

.ch_list_word {
    width: 84%;
}

.ch_list_word_h3 {
    width: 84%;
	font-size: 1.1em;
}

.clbox2 .clpc {
    height: 190px;
}

.classarea {
    padding-right: 0px;
    margin: -10px 0 50px 0;
}

.selarea2 {
    left: 24%;

}

.reta_bar_left {
    font-size: 1.2em;

}

.reta_bar_right {
    font-size: 1.05em;

}

.forword_table {
    width: 75%;

}

.incon_left2 {
    float: left;
    width: 100%;
}

.vltable{
    width: 85%;
}


.caltable ,.cal_hht,.cal_confn{
    width: 100%;
}

.cal_caout {
    width: 100%;
}

.cal_gy  {
    width: 100%;
}

.mcl_als .clbox {
    width: 23%;
}

.otl_atable {
    width: 90%;
    margin: 0 auto 0 auto;
}

.cal2_st {
    width: 100%;
}

.cal2_cbtn {
    width: 100%;
}

.clbox3 {
    width: 29.5%;
    height: 272px;
}

.clbox3 .clpc {
  height: 100%;
}

.classarea a {
    margin: 15px 10px 0 10px;
}

.ft_logo {
    width: 30%;
}

.ft_contain {
    width: 56%;
}

}


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

.top_header {
    width: 85%;
}
	
.nav_02 {
    margin: 42px -49px 0px 80px;
}

.nav_01 {
     margin: 25px -45px 20px 0;
}	

.ind_mov {
    height: 313px;
}

.pc01 {
    margin: 0 5px 6px 0;
	height: 312px;
}

.pc02, .pc03_1 {
   height: 312px;
}	

.pc06, .pc07, .pc08 {
    height: 155px;
}	
	
.r_pc02 {
    float: left;
    width: 13.7%;
    overflow: hidden;
    font-size: 0.6em;
}

	
	 
.ft_contain {
    margin: 0 0 0 50px;	
	width: 54%;
}


.allcontain {
    width: 85%;
}
	
.in_footer .ft_logo {
    float: left;
    width: 27%;
    text-align: right;
    padding-top: 23px;
}
	
.in_footer .ft_contain {
    float: left;
    margin: 7px 0 0 15px;
    width: 60%;
    font-size: 0.91em;
    padding-top: 23px;
}

.incon_left {
    float: left;
    width: 71%;
}
	
.incon_right {
    float: right;
    width: 23%;
}
	
.sel_h2 {
    width: 29%;
    margin: 0 15px 0 0;
    font-size: 1.05em;
}
	
.key_textfield {
    width: 63%;
}
	
.checkclass {
    width: 65%;
}
	
.checkclass_box {
    width: 50%;
    margin: 0 9px 0 0;
}
	
.sel_num {
    width: 58%;
}
	
.r_box ul li {
    font-size: 0.95em;
}
	
.ui-datepicker-title {
    float: left;
    width: 76%;
    margin-top: 10px;
    text-align: center;
}
	
.ll-skin-siena .ui-datepicker th {
    font-size: 0.9em;
}
	
.ui-datepicker-calendar thead tr th span {
    font-size: 0.9em;
}
	
.cname {
    font-size: 1.25em;

}
	
.cltitle {
    font-size: 1.23em;
    line-height: 28px;
}
	
.art_list_box {
    margin: 0 7px 15px 6px;
    height: 385px;
}
	
.art_bigpc {
    width: 29%;
}
	
.clbox2 {
    margin: 0 8px 20px 8px;
    width: 23.3%;
    height: 420px
}
	
.art_box {
    width: 17%;
    float: left;
    margin: 0 11px 0 11px;
}
	
.ch_bigpc {
    width: 28%;
    float: left;
    margin: 0 25px 0 0;
}
	
.stu_t2 {
    float: left;
    width: 21%;
  
}
	
.stu_t4 {
    float: left;
    width: 11%;
  
}
	
.stu_tbox_h1 {
    width: 21%;
}
	
.stu_tbox_h2 {
    float: left;
    width: 79%;
}

.stu_con {
    font-size: 1.18em;
}

.ccod {
    margin: -30px 80px 0px 0px;
}

.forword_table2{
	width: 90%;
}

.list_word_h1 {
    font-size: 1.45em;

}

.list_word_h2 {
    font-size: 1.1em;

}

.list_word_h3 {
    font-size: 1.1em;
}

.classarea {
    padding-right: 0px;
	margin: -10px 0 50px 0;
}

.classarea a {
    /*width: 135px;*/
}

.selarea2 {
    left: 23%;
}

.forword_table {
    width: 90%;

}

.hol_tbox2 {
    width: 30.5%;
    margin-right: 1%;
    height: 110px;
    padding: 1%;
    margin-bottom: 16px;
}

.v5_add_height{
    height: 175px;
}

.otl_atable {
    width: 100%;
    margin: 0 auto 0 auto;
}


.seldate {
    width: 39%;

}

.reg_textarea_ss {
    width: 18%;
}

	
}



@media screen and (max-width: 1280px){
.top_header {
    width: 85%;
}

.nav_02 {
    margin: 53px -49px 0px 46px;
    zoom: 97%;
}

.nav_01 {
    margin: 18px -45px 20px 0;
}

.allcontain {
    width: 85%;
	margin: 15px auto 0 auto;
}

.ind_mov {
    height: 289px;
}

.pc01 {
    width: 39%;
	margin: 0 5px 6px 0;
	height: 293px;
}

.pc02 {
    margin: 0 5px 6px 0;
	height: 293px;
}

.pc03_1 {
    height: 293px;
}

.pc03 {
    width: 23.4%;
}

.pc07 {
    width: 23.9%;
}

.r_pc02 {
    width: 13.9%;
}

.pc12 {
    margin: 0 2px 0px 0;
}

.pc13 {
    margin: 0 0 0px 0;
}

.title_area {
    margin: 5px 0 8px 0;
}

.list_word_h3 {
    font-size: 1.05em;
    margin: 0 0 10px 0;
    line-height: 28px;
    text-align: justify;
    float: right;
    width: 76%;
}
	
.in_footer_all {
    width: 98%;
    margin: 0 auto 0 auto;
}
	
.in_footer .ft_logo {
    float: left;
    width: 28%;
    text-align: right;
    padding-top: 23px;
}

.in_footer .ft_contain {
    float: left;
    margin: 7px 0 0 15px;
    width: 58%;
    font-size: 0.85em;
    padding-top: 23px;
}
	
.p_word {
    font-size: 1.05em;
	line-height: 25px;
}
	
.sign_table_title {
    font-size: 1.18em;
}

.sign_list {
    font-size: 1.18em;

}
	
.reta_bar_left {
    font-size: 1.18em;

}

.art_list_box {
    margin: 0 6px 15px 6px;
    height: 385px;
}

.clpc {
    height: 165px;
}

.clbox2 .clpc {
    height: 175px;
}
 

.checkclass ul li {
    font-size: 0.95em;
}

.art_listname {
    font-size: 1.15em;
}

.clh2 {
    padding: 0 6px 0 10px;

}

.ch_word_h1 {
    font-size: 1.5em;
}

.pin_h2 {
    font-size: 1.2em;
}

.ch_list_word_h3 {
    font-size: 1.05em;
}

.stu_con {
    font-size: 1.1em;
}

.hol_h1 {
    font-size: 1.15em;

}	

.hol_h2_lf {
    font-size: 1em;
}

.classarea {
    padding-right: 0px;
	margin: -8px 0 50px 0;
}

.classarea > a {
    width: auto;
    padding: 0 15px 11px 15px;
    margin: 15px 5px 0 5px;
    min-width: 20px;
}


.mcl_als .clbox {
    width: 22.8%;
}

.clstalist{
   font-size: 0.9em;
}

.mcl_als .clbox .clpc {
    height: 182px;
}

.ft_contain {
    margin: 0 0 0 37px;
}

.clbox3 {
    width: 29%;
    height: 240px;
}

.cltitle {
    font-size: 1.1em;
}

.sig_tab1 {
    width: 39%;
}

}



/*IPAD*/
@media screen and (min-width: 768px) and (max-width: 1024px){

html{ 
    overflow: scroll; 
    -webkit-overflow-scrolling: touch;
}

.top_header {
    width: 92%;
}

.nav_01 {
    margin: 20px -23px 20px 0;
}

.nav_02 {
    margin: 56px -28px 0px 0px;
    zoom: 82%;
}

.allcontain {
    width: 92%;
}

.pc03 {
    width: 23.3%;
}

.pc06, .pc07, .pc08 {
    height: 138px;
}

.r_pc02 {
    width: 13.3%;
}

.pc12,.pc13 {
	height: 73px;
}

.ft_logo {
    width: 34%;

}

.ft_logo img {
    width: 100%;

}

.ft_contain {
    margin: 0 0 0 25px;
	width: 52%;
	font-size: 0.85em;
}
	
.select {
    width: 120px;
}
	
.textfield {
    width: 110px;

}

.select2 {
    width: 110px;
}
	
.list_pc {
    width: 28%;
}
	
.list_word {
    width: 69%;
}
	
.list_word_h3 {
    width: 69%;
}

.incon_right {
    float: right;
    width: 25%;
}	

.pin_h2 {
    font-size: 1.13em;
	margin: 0 0 5px 0;

}
	
.pin_h1 {
    font-size: 1.4em;
	margin: 0 0 5px 0;
}

.pin_h3 {
    font-size: 1.05em;
	margin: 0 0 8px 0;

}	
	
.pin_share {
    margin: 15px 0 10px 0;
}
	
.clbox {
    margin: 0 4px 28px 4px;
    width: 31%;
}
	
.cldate {
    font-size: 0.91em;
}
	
.clh3 {
    font-size: 0.91em;
}
	
.calanword {
    font-size: 0.95em;
}
	
.sel_h2 {
    width: 32%;
}
	
.key_textfield {
    width: 55%;
}
	
.seldate {
    width: 34%;
}
	
.checkclass {
    width: 61%;
}
	
.checkclass_box {
    width: 90%;
}
	
.sel_num {
    width: 53%;
}
	
.ui-datepicker-title {
    float: left;
    width: 75%;
}
	
.reta_bar_left {
    padding: 2% 2% 0 2%;
    font-size: 1.18em;
    width: 19%;
}
	
.reta_bar_right {
    padding: 2% 2% 2% 2%;
    font-size: 1.18em;
    width: 73%;
}
	
.can_redt {
    font-size: 1.13em;
    width: 36%;
}
	
.reta_redt {
    font-size: 1.13em;
}
	
.reta_bar_right2 {
    padding: 2% 2% 2% 2%;
    font-size: 1.18em;
    width: 23%;
}
	
.clbox2 {
    margin: 0 8px 20px 8px;
    width: 23%;
}
	
.art_listname {
    font-size: 1.13em;
}
	
.art_listname_en {
    font-size: 0.95em;
}
	
.art_box {
    width: 18%;
    float: left;
    margin: 0 6px 0 6px;
}
	
.art_list_box {
    margin: 0 4px 0 5px;
    height: 345px;
}
	
.art_bigpc {
    width: 33%;
}
	
.art_pcinf {
    width: 61%;
    float: left;
}
	
.art_works {
    width: 23%;
}
	
.sig_tab1 {
    width: 40%;
}
	
.sig_tab2 {
    width: 41%;
}
	
.ch_list_pc {
    width: 19%;

}
	
.ch_list_word {
    float: right;
    width: 76%;
}
	
.ch_list_word_h3 {
    font-size: 1.05em;
    margin: 18px 0 10px 0;
    line-height: 29px;
    width: 76%;
}
	
.ch_word_h1 {
    font-size: 1.5em;
}
	
.list_word_h2 {
    font-size: 1.05em;

}
	
.ch_bigpc {
    width: 33%;
}
	
.ch_pin_h2 {
    font-size: 1.13em;
    margin: 0 0 10px 0;
}
	
.selarea2 {
    left: 22%;

}
	
.stu_vh1 {
    float: left;
    width: 11%;
    padding: 2% 3% 2% 2%;
}
	
.stu_vh2 {
    width: 79%;

}
	
.stu_vh3 {
    float: left;
    margin: 0 20px 12px 0;
    width: 46%;
}
	
.stu_vh3_right {
    margin: 0 10px 0 0;
    width: 68%;
}

.incon_left2 {
    float: left;
    width: 100%;
}

.ret_textarea_gm {
    width: 41%;
}

.reta_bar_right2 {
    min-height: 50px;
}

.ret_textarea {
    width: 74%;
}

.vl_tleft {
    width: 26%;

}

.vl_trg {
    width: 71%;
}

.classarea {
     padding-right: 0px;
	 text-align: inherit;

}

.classarea a {
    text-align: center;
    margin: 15px 10px 0 10px;
    width: auto;
    padding: 0 10px 11px 10px;
}

.checkclass ul li {
    width: 80%;
}

.Calendar_outer {
    width: 40%;
    float: left;
    margin-right: 50px;
}


.cal2_st {
    width: 100%;
}

.cal2_cbtn {
    width: 100%;
}

#ctl00_oCPH_Content_pn_01 .reserve_table{
width:140%;
}

.clbox2 .clpc {
    height: 160px;
}

}


@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation:portrait){

.top_nav {
    float: left;
    width: 17%;
}

.top_nav  a img{
    width: 100%;
}

.top_menu {
    float: right;
    width: 80%;
}

.nav_01 {
    margin: 18px 0 20px 0;
    text-align: right;
    color: #898989;
    font-size: 0.6em;
}


.nav_02 {
    margin: 56px -28px 0px 0px;
    zoom: 77%;
}

.pc01 {
    width: 57%;
 
}

.pc04 {
    width: 41.5%;

}

.t_01 img, .t_02 img, .t_03 img, .t_04 img, .t_05 img, .t_06 img, .t_07 img, .t_08 img {
    width: 60% !important;
}

.t_01, .t_02, .t_04, .t_05 {
    position: absolute;
    right: -56px;
    bottom: 18px;
}

.t_03 {
    position: absolute;
    right: -103px;
    bottom: 18px;
}

.pc06, .pc07, .pc08 {
    height: 107px;
}

.t_06 {
    right: -84px;
}

.t_07, .t_08 {
    right: -63px;
}

.pc12 {
    margin: 0 1px 0px 0;
}

.r_pc02 {
    width: 12.5%;
}

.pc12, .pc13 {
    height: 60px;
}

.pc14 {
    height: 44px;

}

.ft_logo img{
    width: 100%;

}

.ft_contain {
    margin: -21px 0 0 20px;
	width: 59%;
}
	
.select {
    width: 80px;
}
	
.textfield {
    width: 80px;

}

.select2 {
    width: 70px;
}
	
.sel_title {
    font-size: 0.95em;
    margin: 0 3px 0 3px;
    padding: 10px 0 0 0;
}
	
.list_pc {
    width: 33%;
}
	
.list_word {
    width: 63%;
}
	
.list_word_h3 {
    width: 63%;
	font-size: 0.91em;
	line-height: 25px;
}
	
.list_word_h1 {
    color: #0b70be;
    font-size: 1.3em;
    margin: 0 0 22px 0;
}
	
.list_word_h1 span {
    padding: 4px 10px 4px 10px;
    font-size: 0.8em;
    margin: 0 0px 8px 0;
    display: block;
    width: 100px;
}
	
.list_word_h2 {
    font-size: 0.91em;
}

	
.bigpc {
    width: 62%;
    margin: 0 18px 15px 0;
}
	
.pcinf {
    width: 100%;
    float: left;
}
	
.spc {
    position: relative;
    bottom: 0px;
}
	
.pin_h1 {
    font-size: 1.7em;
}
	
.sp_img {
    float: left;
    height: 39px;
    width: 51px;
}

.classarea {
    height: auto;
    margin: auto;
    padding-left: 17px;

}
	
.classarea a {
    display: inline-block;
    font-size: 1.12em;
    margin: 15px 8px 0 8px;
    padding-bottom: 12px;
    float: left;
    text-align: center;
}

.list_area_left {
    float: left;
    width: 63%;
}

.list_area_right {
    float: right;
    width: 36%;
}
	
.clbox {
    margin: 0 4px 28px 4px;
    width: 47%;
}
	
.seldate {
    width: 35%;
}
	
.sel_h2 {
    width: 30%;
}

.checkclass {
    width: 63%;
}

.key_textfield {
    width: 47%;
}
	
.sel_num {
    width: 38%;
}
	
.ui-datepicker-title {
    float: left;
    width: 67%;
}
	
.cname {
    font-size: 0.95em;
}
	
.can_left {
    float: left;
    margin: 0 15px 0 0;
    width: 85%;
}
	
.can_redt {
    font-size: 1.13em;
    width: 90%;
    padding: 15px 0 0 0;
}
	
.clbox2 {
    margin: 0 7px 20px 7px;
    width: 23%;
}
	
.art_box {
    margin: 0 5px 0 5px;
}
	
.art_list_box {
    margin: 0 4px 20px 5px;
    height: 420px;
	width: 29%;
}
	
.sig_tab2 {
    width: 38%;
}

.sig_tab3 {
    float: left;
    width: 17%;
    text-align: center;
}
	
.cldate {
    font-size: 0.91em;
    word-wrap: break-word;
}
	
.video img {
    width: 100%;
}
	
.ch_list_word {
    float: right;
    width: 75%;
}
	
.ch_list_word_h3 {
    font-size: 0.95em;
    width: 75%;
}
	
.ch_bigpc {
    width: 44%;
	margin: 0 25px 20px 0;
}
	
.cln_btn {
    float: left;
    margin-right: 2%;
    width: 18%;
}
	
.cla_t2 {
    word-break: break-all;
}	

.cla_t7 a {
    width: auto;

}	

}



	
/*mobile phone*/
@media screen and (max-width: 767px) {

html{ 
    overflow: scroll; 
    -webkit-overflow-scrolling: touch;
}

a[accesskey] {
   display:none;
}
	
.top_wrapper{
	display: none;
}
	
	
.top_header{
	width: 90%;
	height: 110px;
	margin: 0 auto 0 auto;
}
	
.top_nav {
    float: left;
    height: 85px;
}
	
.top_menu {
    display: none;
}
	
#RWD_top{
	display: inherit;
	width: 100%;
	height: 105px;
	background-image: url(/Img/RWDtop_bg.png);
	background-size: 190%;
	background-repeat: repeat-x;
	margin-left: 0 auto 0 auto;
}
	
.RWD_tright{
		display:inherit;
	    float: right;
}

.RWD_logo{
	float: left;
    width: 38%;
    margin-top: 14px;
		
	}
	
.RWD_logo img{
	width: 100%;
		
	}
	
	
.RWD_menu {
	float: right;
    margin-right: 10px;
    width: 16%;
    padding-top: 20px;
}
.RWD_menu img{
	width:100%;
}

.RWD_lan{
	float: right;
    margin-right: 23px;
    width: 15%;
    padding-top: 11px;
		
	}
	
.RWD_lan img{
	width:100%;
}

	
.nav {
        display: none;
		position:relative;
		z-index:99;
    }
.nav ul{
    width:95%;
	margin-left:auto;
	margin-right:auto;
}
.nav li{
	width:100%;
	font-size: 1.3em;
	line-height: 1.5px;
	color: #294747;
	background-color: rgba(233, 233, 233, 0.9);
	text-align:center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}

.nav li a{
    padding-top: 24px;
	padding-bottom: 24px;
	display: block;
	color: #294747;
	text-decoration: none;
	padding-left: 15px;
}
	
	
.footer{
	display: none;
}

	
.allcontain {
    width: 90%;
}


.pc01 {
    width: 50%;
	height: 162px;
}

.pc01 > a > img{
    height: 100%;
	width:auto;
}

.pc02 {
    width: 48.5%;
	margin: 0 0px 6px 0;
}	
	
.pc03_1  {
    float: none;
    width: 100%;
 
}
	
.pc03,.pc05,.pc07 {
   float: left;
    width: 49.5%;
    height: 122px;
    margin: 0 1% 1% 0;
    overflow: hidden;
    position: relative;
}

	
.pc04,.pc06,.pc08  {
   float: left;
    width: 49.5%;
    height: 122px;
    margin: 0 0 1% 0;
    overflow: hidden;
    position: relative;
}
	
	
.t_01,.t_02,.t_04,.t_05,.t_06,.t_07,.t_08{
	position: absolute;
    right: -8px;
    bottom: 8px;
    width: 120px;

}
	
	
.t_03{
	position: absolute;
    right: -16px;
    bottom: 9px;
    width: 166px;

}
.t_06{
	position: absolute;
    right: -14px;
    bottom: 8px;
    width: 156px;
}
	

.t_01 img,.t_02 img,.t_03 img,.t_04 img,.t_05 img,.t_06 img,.t_07 img,.t_08 img{
	width: 81% !important;
}

	
.pc03 img {
	height: 100%;
}
	
.pc04 img {
    width: auto;
	height: 100%;
}

.pc05 img, .pc06 img, .pc07 img, .pc08 img {
	width: auto;
	height: 100%;
}
.allr_pc{
	width: auto
	}
	
.r_pc01 {
    float: none;
    width: 100%;
	height: auto;
}
	
.pc09,.pc10{
	width: 33%;
	float: left;
	margin: 0 0.5% 0 0;
	}
	
.pc11 {
	width: 33%;
	float: left;
	}
	
	
.r_pc02 {
    float: none;
    width: 100%;
	height: auto;
}
	

.pc12  {
	float: left;
    width: 33%;
    margin: 0 0.5% 4px 0;
    background-image: url(/Img/rwd_fb.png);
    background-repeat: no-repeat;
    height: 46px;
    background-size: 100%;
}
.pc13  {
    float: left;
    width: 33%;
    background-image: url(/Img/rwd_YouTube.png);
    background-repeat: no-repeat;
    height: 105px;
    margin: 0 0.5% 4px 0;
    background-size: 100%;
	}


.pc14  {
	clear: inherit;
	float: left;
	background-image: url(/Img/rwd_location.png);
	background-repeat: no-repeat;
	background-size: 100%;
	height: 101px;
	width: 33%;	
	}

	
	
.maginno{
	margin: 0px !important;
		
	}
	

	
.footer_all {
    width: 90%;
}
	
.ft_logo img{
	width: 100%;
		
	}
	
.RWD_footer{
	display: inherit;
    margin-top: -29px;
    background-color: #eefdfd;
    background-size: 100%;
    height: auto;
    width: 100%;
}
	
.ft_logo {
    float: left;
    width: 28%;
    text-align: left;
    padding-top: 5px;
   
}
	
.ft_contain {
    float: left;
    margin: -4px 0 19px 0px;
    width: 66%;
    font-size: 0.82em;
}


.caption {
    display: none !important;
}
	
.sitemap {
	display: none;
}

	
.search {
    display: none;
}
	
.title {
    margin-bottom: 34px;
    margin-top: 33px;
    float: none;
}
	
.list_pc {
    float: left;
    margin: 0 10px 0 0;
    width: 44%;
}
	
.list_word {
    float: right;
    width: 53%;
}
	
.list_word_h1 {
    color: #0b70be;
    font-size: 1.2em;
    margin: 0 0 6px 0;
	line-height: 25px;
}
	
.list_word_h1 span {
    padding: 3px 13px 3px 13px;
    font-size: 0.75em;
    margin: 0 0px 7px 0;
    display: block;
    width: 84px;
}
	
.list_word_h2 {
    font-size: 0.91em;
    margin: 0 0 10px 0;
}
	
.list_word_h3 {
    color: #2e2e2e;
    font-size: 1.05em;
    margin: 0 0 10px 0;
    line-height: 25px;
    text-align: justify;
    float: none;
    width: 100%;
    clear: both;
	padding-top: 7px;
	border-top: 1px dashed #cecece;
}
	
.in_footer {
    display: none;
}
	
.page_nav {
    display: none;
}
	

.RWD_page{
	display: inherit;
	margin-bottom: 75px;
	margin-top: 15px;
}
	
.RWD_page a{
	display: block;
    float: left;
    width: 24%;
    padding: 6px 0 6px 0;
    text-align: center;
    font-size: 0.95em;
    background-color: #7ac2d7;
    color: #fff;
    margin-left: 2px;
}
	
.incon_right {
    float: none;
    width: 100%;
	margin-top: 30px;
}

.incon_left {
    float: none;
    width: 100%;
	position: relative;
}

.bigpc {
    width: 100%;
    float: none;
    margin: 0 0px 0 0;
}
	
	
.pcinf {
    width: 100%;
    float: none;
	position: relative;
	
}

.spc {
    position: relative;
	margin: 10px 0 30px 0;
}

.sp_img {
    float: left;
    height: 51px;
    width: 81px;
    margin-right: 2px;
    margin-left: 2px;
    overflow: hidden;
    background-color: #dedede;
}

.spc_Events {
    position: static !important;
    margin-top: 15px;
	margin-bottom: 15px;
}
	
.pin_h2 {
    color: #e2660b;
    font-size: 1.1em;
    margin: 30px 0 10px 0;
}

.incon_area {
    margin: 18px 0 100px 0;
}
	
.RWD_search{
	display: inherit;
	position: fixed;
	right: 0px;
	top:45%;
}

	
.RWD_calander{
	display: inherit;
	position: fixed;
	right: 0px;
	top:58%;
}

.rwselda{
	display: inherit;
}	


.list_box {
    padding: 20px 20px 20px 20px;
}
	
.classarea {
	display: none;
}
	
.selarea {
    position: relative;
    left: 0%;
    margin-top: 25px;
	width: 100%;
	border-bottom: 1px solid #d8d8d8;
    padding-bottom: 15px;
}
	
.selarea2 {
    position: relative;
    left: 0%;
    margin-top: 18px;
	width: 100%;
	border-bottom: 1px solid #d8d8d8;
    padding-bottom: 15px;
}
	
.list_area_right {
    display: none;
}
	
.list_area_left {
    float:none;
    width: 100%;
}
	
.clbox {
    margin: 0 4px 0 4px;
    width: 47%;
    float: left;
    margin-bottom: 20px;
    background-color: #f5f5f5;
	height: 440px;
}

.clpc {
    height: 130px;
}

.clbox2 .clpc {
    height: 130px;
}
	
.list_area {
    margin: 25px 0 30px 0;
}
	
.signup {
    text-align: center;
    padding: 0px ;
	width: 100%;
    bottom: 0px;
	right: 0px;
}	
	
.signup img{
	 display: none;
	}
	
	
.signup a{
	display: block;
	text-align: center;
	/* padding: 20px 15px; */
	background-color: #f6832f;
	background-image: url(/Img/zh-tw/RWD_sign.png);
	background-position: center 45%;
	height: 37px;
	content: "線上報名";
	background-repeat: no-repeat;
}
	
.cltitle {
    font-size: 1.1em;
}

.cldate {
    font-size: 0.95em;
    word-break: break-all;
}
	
.clbox2 {
    margin: 0 4px 20px 4px;
    width: 47%;
	height: 415px;
}
	
.art_box {
    width: 43%;
    float: left;
    margin: 0 11px 20px 11px;
    height: 340px;
}
	
.art_name_en {
    margin: 0 0 10px 0;
}
	
.artarea {
    margin: 60px 0 50px 0;
}
	
.ch_list_pc {
    width: 36%;

}
	
.ch_list_word {
    float: right;
    width: 53%;
}
	
.ch_list_word_h3 {
    font-size: 1.1em;
    margin: 22px 0 10px 0;
    line-height: 32px;
    text-align: justify;
    float: none;
    width: 100%;
	clear: both;
}
	
.plan_bigpc {
    width: 100%;
    float: left;
    margin: 0 0px 15px 0;
}

.video img{
    width: 100%;
}
	
.ch_bigpc {
    width: 97%;
    float: none;
    margin: 0 0px 0 0;
}
	
.abtext ul {
    margin: 0 0 5px 0px;
	padding: 0 0 0 5px;

}
	
.abtext ul li ul {
    margin: 20px 0 25px 0px;
    padding: 0 0 0 25px;
}
	
.abtext ul li ul li {
    margin: 0 0 15px 0;
}
	
.RWD_rebtn{
	display: inherit;
	position: absolute;
	right: 0px;
	width: 37%;
    top: -1px;
}

.RWD_rebtn img{
	width: 100%;

}
	
	
.reta_bar_left {
    font-size: 1.05em;
    width: 97%;
	padding: 3% 1% 4% 2%;
	float: none;
}
	
.reta_bar_right {
    font-size: 1.05em;
    width: 96%;
	padding: 5% 2% 5% 2%;
	min-height: 35px;
	float: none;
}
.can_left {
    float: none;
    width: 98%;
}

	
.can_redt {
    font-size: 1.05em;
    width: 97%;
	float: none;
	padding: 20px 0 0 0;
    clear: both;
}
	
.ret_textarea {
    width: 93%;
    height: 35px;
}
	
.ret_textarea_s {
    width: 42%;
    height: 35px;
    float: left;
}
	
.reta_redt {
    font-size: 1.05em;
}

.reta_block {
    float: left;
    margin: 0 0px 12px 0;
    width: 100%;
}
	
.textarea_b {
    width: 96%;
    height: 80px;
}
	
.seladdress {
    float: left;
    width: 30%;
    height: 35px;
    margin: 0 8px 15px 0;
}
	
.reta_bar_right2 {
    background-color: #fff;
    padding: 5% 2% 5% 2%;
    float: left;
    font-size: 1.05em;
    color: #2b2b2b;
    width: 96%;
	border-bottom: 1px solid #e8e8e8;
	float: none;
}
	
.ui-datepicker-title {
    float: left;
    width: 74%;
    margin-top: 10px;
    text-align: center;
    font-size: 1.25em;
}

.RWD_select {
    display: inherit;
    /* position: absolute; */
    /* right: 0px; */
    width: 40%;
    /* top: 174px; */
    border: 1px solid #258DC5;
    background-color: #F5F5F5;
    height: 40px;
    padding: 8px 5px 8px 5px;
    font-size: 0.95em;
    /* float: right; */
    margin-top: 23px;
}
	
/*.RWD_select{
	display: inherit;
	position: absolute;
	right: 0px;
	width: 40%;
	top: 80px;
	border: 1px solid #258DC5;
	background-color: #F5F5F5;
	height: 40px;
	padding: 8px 5px 8px 5px;
	background-image: url(/Img/down_arrow.png);
	background-repeat: no-repeat;
	background-position: 96% center;
	font-size: 0.95em;
}*/


.RWD_select2{
	display: inherit;
	position: absolute;
	right: 0px;
	width: 32%;
	top: 6px;
	border: 1px solid #258DC5;
	background-color: #F5F5F5;
	height: 40px;
	padding: 8px 5px 8px 5px;
	background-image: url(/Img/down_arrow.png);
	background-repeat: no-repeat;
	background-position: 96% center;
	font-size: 0.95em;
}
	
.art_list_box {
    margin: 0 5px 15px 6px;
    height: 378px;
    width: 42%;
}
	
.art_pcinf {
    width: 100%;
    float: left;
}
	
.art_bigpc {
    width: 100%;
    margin: 0 0px 0 0;
    float: none;
    text-align: center;
    background-color: #e6e6e6;
}
	
.art_works {
    width: 47%;
    float: left;
    margin-right: 10px;
	margin-bottom: 20px;
}

.org_title {
    font-size: 1.55em;
    margin: 32px 0 11px 0;
}
	
.sign_table_title {
    padding: 10px 15px 10px 15px;
    font-size: 1.05em;
}
	
.sig_tab1 {
    width: 39%;
}
	
.sig_tab2 {
    width: 39%;
}
	
.sign_list {
    padding: 10px 15px 10px 15px;
    font-size: 1.05em;

}
	
.sig_tab3 a {
    padding: 7px 3px 7px 3px;
    font-size: 0.95em;
}
	
.art_h1 {
    font-size: 1.75em;
    margin: 15px 0 1px 0;
}
	
.art_h1_en {
    font-size: 1.55em;
    margin: 0 0 30px 0;
}

.selbox_no {
    float: left;
    width: 31%;
    height: 26px;
    padding: 3px 0 2px 0;
    background-image: none;
    text-align: center;
    color: #355459;
    font-size: 1.13em;
    margin-bottom: 5px;
    margin-right: 2px;
	border: 1px solid #77b3bd;
}
	
.selbox {
    float: left;
    width: 31%;
    height: 26px;
    padding: 2px 0 3px 0;
    background-image: none;
    text-align: center;
    color: #fff;
    font-size: 1.13em;
    margin-bottom: 5px;
    margin-right: 2px;
    background-color: #ef9800;
    border: 1px solid #ef9800;
}

	
.selbox2_no {
    float: left;
    width: 31%;
    height: 26px;
    padding: 3px 0 2px 0;
    background-image: none;
    text-align: center;
    color: #355459;
    font-size: 1.13em;
    margin-bottom: 5px;
    margin-right: 2px;
	border: 1px solid #77b3bd;
}
	
.selbox2 {
    float: left;
    width: 31%;
    height: 26px;
    padding: 2px 0 3px 0;
    background-image: none;
    text-align: center;
    color: #fff;
    font-size: 1.13em;
    margin-bottom: 5px;
    margin-right: 2px;
    background-color: #ef9800;
    border: 1px solid #ef9800;
}

	
.stu_title {
    font-size: 1.1em;

}
	
.stu_con {
    font-size: 1.05em;
}
	
.stu_view {
    font-size: 1.05em;

}
	
.stu_tbox_h1 {
    width: 100%;
}
	
.stu_tbox_h2 {
    float: left;
    width: 100%;
}
	
.stu_t1 {
    width: 45%;
  
}
	
.stu_t2 {
    width: 17%;
}
	
.stu_t3 {
    width: 13%;
	word-wrap: break-word;
   
}
	
.stu_t4 {
    width: 10%;
}

.stu_ortb {
    width: 95%;
	margin: 10px auto 15px auto
}

.tbt02 {
    word-break: break-all;
}
	
.stu_vh3 {
    width: 100%;
}
	
.stu_vh3_larg {
    width: 100%;
}
	
.stu_vh2 {
    min-height: 87px;
}

.ui-dialog .ui-dialog-content {
    padding: 0px 10px 10px 10px !important;

}

.select {
    width: 80%;
    margin-bottom: 10px;
}

.sel_title {
    font-size: 1em;
}

.textfield {
    width: 140px;
    margin-bottom: 8px;
}

.seouter {
    display:none;
}

.video iframe{
 width: 100% !important;
}	

.ch_word_h1 {
    font-size: 1.3em;
}

.spc_T {
    position: static !important;
	margin:0 0 15px 0;

}

.ui-dialog {
    width: 90% !important;
    margin-left: 13px !important;

}


.forword_right {
    width: 66%;
    min-height: 34px;

}

.ccod {
    margin: -30px -13px 0px 0px;
}

.fwtextfield {
    width: 90%;
    height: 35px;
}

.ccod {
    margin: 10px 0px 0px 0px;

}

.fw_send {
    text-align: center;
    margin: 30px 0 50px 0;
}

.at_ttl {
    padding: 10px 5px 10px 5px;
}

.reyear {
    width: 16%;
    margin-right: 4%;
	font-size: 0.95em;
}

.retitle {
    width: 46%;
    margin-right: 4%;
	font-size: 0.95em;
}

.rename {
    float: left;
    width: 30%;
	font-size: 0.95em;
}

.reyear2 {
    float: left;
    width: 15%;
    margin-right: 4%;
    font-size: 0.95em;
}

.retitle2 {
    float: left;
    width: 33%;
    margin-right: 4%;
    font-size: 0.95em;
}

.rename2 {
    float: left;
    width: 28%;
    margin-right: 4%;
    font-size: 0.95em;
}

.remody {
    float: left;
    width: 12%;
    font-size: 0.95em;
}

.reta_bar_right a {
    color: #22baea;
    margin-left: 0px;
}

.at_bm1{
    font-size: 0.95em;
	width: 26%;
}

.at_bm2{
    width: 9%;
    font-size: 0.95em;
}

.at_bm3{
    width: 15%;
    font-size: 0.95em;
}

.at_bm4{
    width: 17%;
    font-size: 0.95em;
    word-break: break-all;
}

.at_bm5{
    font-size: 0.95em;
	width: 12%;
}

.at_bm6{
    font-size: 0.95em;
	width: 11%;
}

.readbtn a {
    display: block;
    background-color: #3dbdbf;
    padding: 5px 5px 5px 5px;
    text-align: center;
    color: #fff !important;
    font-size: 0.9em;
    width: 100px;
}

.reta_send a {
    width: 150px;
    padding: 7px 14px 7px 14px;
    margin-left: auto;
    display: block;
    margin-right: auto;
    margin-top: 10px;
}

.readbtn {
    width: 40%;
}

.select1 {
    width: 74%;
}

.ret_textarea3 {
    width: 96%;
}

#ctl00_oCPH_Content_RR_Autiobiagraphy_File,#ctl00_oCPH_Content_RR_Contribution_File{
    margin:8px 0 0 0;
}

.ret_textarea_L {
    width: 96%;
    height: 160px;
}

.forword_table {
    width: 97%;
}

.bb>.selarea2{
    width: 97%;
}

.stu_t4 a {
    font-size: 0.9em;
}

.stutable {
    margin-bottom: 15px;
}

.a_Friend {
    float: none;
    margin-bottom: 10px;
}

.stutable2 {
    width: 100%;
}

.tbtn{
    margin-left: 31px;
}

.forword_left {
    width: 25%;
    font-size: 1.05em;
}

.fch_wtextfield {
    width: 60px;
    height: 35px;
    margin-bottom: 8px;
}

.fwtearea {
    width: 94%;
    height: 120px;
}

.forword_right span.Rspan {
       margin: 0 0 0 0px;
}

#dialog_Friend {
    margin-top: 15px;
}

.seldate {
    width: 35%;
}

.rwselda{
    padding: 0 0 8px 8px;
}

.selkeyword {
    margin: 29px 0 0 0;
    padding-top: 0px;
}

.selclassarea {
    margin: 30px 0 0 0;
    padding-top: 0px;
}

.pernumberarea {
    margin: 30px 0 0 0;
    padding-top: 0px;
}

.key_textfield {
    width: 60%;
}

#ctl00_oCPH_Content_oTB_Keyword{
 width: 60%;
 margin:0 0 10px 0;
}

#ctl00_oCPH_Content_oTB_D_S,#ctl00_oCPH_Content_oTB_D_E{
 width: 30.5%;
}

.incon_left2 {
    float: none;
    width: 100%;
}

.select_v2 {
    width: 75%;
}

#ctl00_oCPH_Content_pn_Dept {
    width: 91%;
    float: none;
    margin-left: 0px;
    clear: both;
    padding-top: 11px;
}

#ctl00_oCPH_Content_V_Dept {
    float: none;
}

.vl_tleft {
    float: none;
    width: 100%;
}

.vl_trg {
    float: none;
    width: 100%;
}

.select_vl {
    width: 77%;
}


.atpw {
    font-size: 1em;
    line-height: 24px;
}

.vel_textarea {
    width: 50%;
    margin-top: 8px;
}


.vmodify a {
    color: #4a90d6;
    margin-left: 0px;
}

.veservice {
    float: left;
    width: 25%;
    margin-right: 2%;
}

.vmodify {
    float: left;
    width: 5%;
    margin-right: 2%;
}

.vtb_left {
    float: none;
    width: 100%;
    padding: 12px 2% 12px 2%;
}

.vtb_right {
    float: none;
    width: 98%;
    padding: 15px 0 15px 2%;
}

.vttype {
    width: 28%;
    margin-right: 2%;
}

.vthour {
    width: 11%;
    margin-right: 2%;
}

.vtname {
    width: 24%;
    margin-right: 2%;
}

.vtfile {
    width: 12%;
    margin-right: 2%;
}

.vtfile a {
    margin-right: 0px;
    margin-left: 0px;
    display: block;
    margin-bottom: 5px;
}

.vrt {
    margin-bottom: 10px;
    text-align: left;
    margin-top: 0px;
}

.vl3_bar_left {
    padding: 2% 2% 2% 2%;
    float: none;
    width: 96%;
}

.vl3_bar_right {
    padding: 6% 2% 8% 2%;
    float: none;
    width: 96%;

}

.datab {
    width: 100% !important;
}

#ctl00_oCPH_Content_VT_Date_Year {
    width: 28%;
    margin-left: 8px;
    margin-right: 8px;
}

#ctl00_oCPH_Content_VT_Date_Month {
    margin-left: 12px;
    width: 51px;
}

#ctl00_oCPH_Content_VT_Hour{
    width: 70%;
}

.vli_ai {
    margin-top: 22px;
    font-size: 0.95em;
}


.hol_tbox2 {
    width: 94%;
    margin-right: 1%;
    height: 110px;
    padding: 3%;
    margin-bottom: 16px;
    float: none;
}

.v5_add_height{
    height: 175px;
}

.hol_tbox {
    float: none;
    width: 96%;
    margin-right: 0%;
    padding: 2%;
    margin-bottom: 20px;
}

.holb_left {
    float: none;
}

.hol_select {
    width: 89px;
    font-size: 0.9em;
    margin: 0 0 0 5px;

}

.holb_right {
    float: none;
    margin-top: 35px;
}

.hol_ba1 {
    margin: 45px 0 20px 0;
}


#ctl00_oCPH_Content_btn_lastMonth, #ctl00_oCPH_Content_btn_thisMonth {
    float: none;
	margin-top:30px;

}

.main_left_emptyB_5 {
    float: none;
    width:100%;
	margin-top:20px;
}

#ctl00_oCPH_Content_pn_Retirement {
    float: none !important;
    margin-left: 10px;
    margin-top: 5px;
    width: 100%;
    clear: both;
    padding-top: 10px;
}

.vltable {
    width: 100%;
}

.cla_t7 a {
    width: auto;

}

.cal_title , .cal_con{
    font-size: 1.1em;
}

.cla_t1 {
    width: 22%;

}

.cla_t2 {
    word-break: break-all;
	width: 19%;
}

.cla_t3 {
    width: 9%;
}

.cla_t4 {
    width: 6%;
}

.cla_t5 {
    width: 11%;
    word-break: break-all;
}

.cla_t6 {
    width: 10%;
}

.clp {
    float: none;
    width: 100%;
    margin-bottom: 15px;
}

.clp2 {
    float: none;
    width: 100%;
    margin-top: 5px;
}

.clf_textarea {
    width: 50%;
}

.cln_btn {
    float: none;
    margin-right: 0%;
    width: 100%;
}

.cln_fall {
    float: none;
    width: 100%;
    margin-top: 10px;
}

.clf_stab {
    width: 100%;
}

.fain {
    padding: 30px 15px 40px 15px;
}

.cal2_st {
    width: 100%;
}

.cal2_cbtn {
    width: 100%;
}

.cl_ht1 {
    margin: 40px 0 15px 0;
}

.cal_caout,.cal_gy {
    text-align: left;
}

.mcl_als .clbox {
    width: 97%;
    height: 520px;
}

.mcl_als .clbox .clpc {
    height: 250px;
}

.mul_sec {
    font-size: 1em;

}

.mul_seldate {
    width: 80px;
    margin: 0 0 0 6px;
}

.mcl_hyp a {
    margin: 15px 5px 0 0px;
    display: block;
}

.mmu_textarea {
    width: 75px;
}

.ltl_lbar_left {
    float: none;
    width: 95%;
	padding: 12px 2% 13px 3%;
}

.ltl_lbar_right {
    float: none;
    width: 95%;
    min-height: 37px;
}
	
.ltl_lbar_left2 {
    float: none;
    width: 95%;
	padding: 12px 2% 13px 3%;
}

.ltl_lbar_right2 {
    float: none;
    width: 97%;
    min-height: 37px;
}
	
	
.ltl_textfield {
    width: 94%;
    height: 35px;
    padding: 0 0 0 8px;
}
	
.ltl_lbar_right2 .ltl_textfield {
    width: 94%;
}

.clttab {
    width: 100%;
}

.Calendar_outer {
    width: 100%;
    float: left;
    margin-right: 0px;
    margin-bottom: 15px;
}

.vl_hrtable {
    width: 100%;
}
	
.art_all {
    width: 100%;
}	

.ar_vbar iframe {
    width: 100%;
    height: 250px;
}

.lmgb {
    margin-bottom: 25px;
}

.arp_left {
    float: none;
    width: 100%;
    margin: 0 0% 30px 0;
}

.arp_right {
    float: none;
    width: 100%;
}

.ft_icon {
    float: none;
    width: 100%;
    padding-top: 23px;
    text-align: right;
    padding-bottom: 10px;
}

.ft_icon img{
    width:70px;
}
	
}


@media screen and (max-width: 375px) {
	
.pc01 {
    height: 146px;
}

.t_06 {
    position: absolute;
    right: -24px;
    bottom: 8px;
    width: 156px;
}

.t_06 img{
	width: 75% !important;
}

.t_05 {
    position: absolute;
    right: -17px;
    bottom: 8px;

}

.t_05 img{
	width: 73% !important;
}

	
.sp_img {
    width: 72px;

}

.list_pc {
    margin: 0 8px 0 0;
    width: 44%;
}
	
.ch_list_pc {
    width: 42%;
	margin: 0 15px 0 0;
}
	
.ch_list_word {
    float: right;
    width: 47%;
}
	
.ch_word_h1 {
    color: #0b70be;
    font-size: 1.45em;
    margin: 0 0 0px 0;
}
	
.stu_t2 {
    width: 15%;
}
	
.stu_t3 {
    width: 12%;
}
	
.stu_t4 {
    width: 12%;
}
	
.stu_vh3_left {
    margin: 0 8px 0 0;
    width: 81px;
}

.RWD_rebtn {
    width: 45%;
}

.clpc {
    height: 115px;
}

.jCarousel.jqc .stage .carousel li {
    width: 315px ;

}

.forword_right {
    width: 65%;
}

.title {
    font-size: 2em;

}

.RWD_select{
	width: 37%;
	top: 75px;

}

.seldate {
    width: 34.5%;
}

.key_textfield {
    width: 57%;
}

.clbox2 .clpc {
    height: 115px;
}

#ctl00_oCPH_Content_oTB_D_S, #ctl00_oCPH_Content_oTB_D_E {
    width: 30%;
}

.ft_logo {
    width: 25%;
    text-align: left;
    padding-top: 12px;
}

.ft_contain {
    margin: -4px 0 19px 0px;
    width: 75%;

}

#ctl00_oCPH_Content_ddl_VNL_Status{
    width: 65px;
}

.hol_select {
    width: 76px;
    font-size: 0.8em;
    margin: 0 0 0 5px;
}

.mcl_als .clbox .clpc {
    height: 230px;
}

.hol_send {
    padding: 7px 9px 7px 8px;

}

}

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

.sp_img {
    width: 68px;
}
	
.list_pc {
    margin: 0 0px 5px 0;
    float: none;
    width: 100%;
}
	
.list_word {
    float: none;
    width: 100%;
}
	
.clbox {
    margin: 0 3px 0 4px;
    width: 47%;
    margin-bottom: 30px;

}
	
.clbox2 {
    margin: 0 4px 20px 5px;
    width: 47%;
}
	
.ch_word_h1 {
    color: #0b70be;
    font-size: 1.38em;
    margin: 0 0 0px 0;
}
	
.pin_h2 {
    color: #e2660b;
    font-size: 1.05em;
    margin: 30px 0 10px 0;
}

.art_list_box {
    margin: 0 5px 15px 4px;
    height: 378px;
    width: 42%;
}	
	
.sign_table_title {
    padding: 10px 15px 10px 15px;
    font-size: 1.05em;
}
	
	
.sign_list {
    padding: 10px 15px 10px 15px;
    font-size: 1.05em;

}
	
.sig_tab3 a {
    padding: 7px 3px 7px 3px;
    font-size: 0.91em;
}

#ctl00_oCPH_Content_oTB_Keyword {
    width: 68%;
    margin: 0 0 14px 0;
}

#ctl00_oCPH_Content_oTB_D_S, #ctl00_oCPH_Content_oTB_D_E {
    width: 29%;
}

.ft_logo {
    width: 30%;
    text-align: left;
    padding-top: 18px;
}

.ft_contain {
    margin: -4px 0 19px 0px;
    width: 70%;
}


.hol_h2_lf {
    font-size: 1em;
    margin: 0 3% 10px 0;
    width: 47%;
}

.holb_left {
    font-size: 1em;
}

.pc01 {
	width: 49%;
    height: 140px;
}
	
}


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

.pc01 {
    height: 125px;
}

.t_03 {
    position: absolute;
    right: -32px;
    bottom: 9px;
    width: 166px;
}

.t_01, .t_02, .t_04, .t_05, .t_06, .t_07, .t_08 {
    position: absolute;
    right: -20px;
    bottom: 8px;
    width: 120px;
}

.t_01 img,.t_02 img,.t_03 img,.t_04 img,.t_07 img,.t_08 img{
	width: 77% !important;
}

.t_06 img{
	width: 88% !important;
}

.t_05 img{
	width: 70% !important;
}

 .t_06 {
    position: absolute;
    right: -4px;
    bottom: 8px;
    width: 120px;
}

 .t_05 {
    position: absolute;
    right: -25px;
    bottom: 8px;
    width: 120px;
}
	
.sp_img {
    width: 60px;
	height: 44px;
}
	
.title_area {
    margin: -15px 0 20px 0;
}

.pin_share img {
    margin: 0 4px 0 0;
}
.pin_share input {
    margin: 0 4px 0 0;
}
	
.list_pc {
    margin: 0 0px 5px 0;
	float: none;
    width: 100%;
}

.list_word {
    float: none;
    width: 100%;
}
	
.clbox {
    margin: 0 0px 0 0px;
    width: 100%;
	margin-bottom: 30px;

}
	
.clbox2 {
    margin: 0 0px 20px 0px;
    width: 100%;
}
	
.art_box {
    width: 43%;
    float: left;
    margin: 0 10px 20px 10px;
    height: 313px;
}
	
.ch_word_h1 {
    color: #0b70be;
    font-size: 1.5em;
    margin: 0 0 0px 0;
}	
	
.ch_list_pc {
    width: 93%;
    margin: 0 0px 15px 0;
    float: none;
}
	
.ch_list_word {
    float: none;
    width: 100%;
}
	
.ch_sp_img {
    float: left;
    height: 103px;
    width: 75px;

}
	
.ui-datepicker-title {
    width: 72%;

}
	
.reta_bar_left {
    font-size: 1.05em;
    padding: 4% 2% 2% 2%;
	width: 100%;
    float: none;
}
	
.ret_textarea_s {
    width: 41%;
}
	
.art_list_box {
    margin: 0 3px 15px 4px;
    height: 378px;
    width: 42%;
}
	
.sig_tab1 {
    width: 38%;
}
	
.sign_table_title {
    padding: 10px 15px 10px 15px;
    font-size: 1.05em;
}
	
	
.sign_list {
    padding: 10px 15px 10px 15px;
    font-size: 0.91em;

}
	
.sig_tab3 a {
    padding: 7px 3px 7px 3px;
    font-size: 0.91em;
}
	
.art_h1 {
    font-size: 1.55em;
    margin: 15px 0 1px 0;
}
	
.art_h1_en {
    font-size: 1.5em;
    margin: 0 0 30px 0;
}
	
.RWD_select {
    width: 40%;
    top: 53px;
    font-size: 0.95em;
}
	
.selarea2 {
    position: relative;
    left: 0%;
    margin-top: 18px;
    width: 100%;
}
	
.stu_title {
    font-size: 1.13em;
}
	
.stu_con {
    font-size: 1.05em;
}
	
.stu_t1 {
    width: 42%;
}
	
.stu_t3 {
    width: 13%;
}
	
.stu_t4 {
    width: 15%;
}

.stu_vh3_right {
    margin: 0 10px 0 0;
    width: 56%;
	word-wrap:break-word;
}
	
.RWD_rebtn {
    width: 51%;
}

.reta_bar_left {
    padding: 4% 2% 4% 2%;
}

.reta_bar_right {
    width: 96%;
    padding: 5% 2% 5% 2%;
    float: none;
}

.reta_bar_right2 {
    padding: 6% 2% 6% 2%;
    width: 96%;
    float: none;
}	

#ctl00_oCPH_Content_RR_CreativeYear{
    height: 60px;
}

.title {
    font-size: 1.7em;

}

#ctl00_oCPH_Content_HL_RR_Autiobiagraphy_File,#ctl00_oCPH_Content_HL_RR_Contribution_File{
    display: block;
}

.forword_left {
    width: 100%;
    font-size: 1.05em;
    float: none;
	padding: 11px 5px 11px 5px;
}

.forword_right {
    width: 93%;
    float: none;
}

.clpc {
    height: 210px;
}

.clbox2 .clpc {
    height: 195px;
}

#ctl00_oCPH_Content_oTB_Keyword {
    width: 65%;
    margin: 0 0 14px 0;
}

#ctl00_oCPH_Content_oTB_D_S, #ctl00_oCPH_Content_oTB_D_E {
    width: 26%;
}

.hol_select {
    width: 87px;
}

.hol_tbox2 {
    width: 96%;
    margin-right: 1%;
    height: 110px;
    padding: 2%;
}

.v5_add_height{
    height: 175px;
}

.hol_h1 {
    font-size: 1em;
}

.hol_h2_lf {
    font-size: 0.95em;
    margin: 0 1% 10px 0;
    width: 49%;
}

.mul_seldate {
    width: 105px;
    margin: 0 0 0 6px;
}

.mul_sec a {
    width: 67px;
    display: block;
}

.mul_pselec {
    width: 112px;
}

.mcl_als .clbox {
    width: 100%;
    height: 470px;
}	

.mcl_als .clbox .clpc {
    height: 205px;
}

.mmu_textarea {
    width: 50px;
}

#ctl00_oCPH_Content_MF_Year {
    width: 70px;
}

}


.preview_title{
	font-size: 1.6em;
    line-height: 1.7;
    color: #f77d43;
	font-weight: bold;
}

.crm_share {
    visibility: hidden;
    position: absolute;
}

.crm_share a {
    margin: 15px 2px 0 2px;
    display: inline-block;
    background-color: #bdbdbd;
    text-align: center;
    border-radius: 5px;
    font-size: 0.9em;
    color: #fff;
    padding: 5px 15px 5px 15px;
}

.crm_share a:hover {
    background-color: #868686;
}

.crm_share_Show {
    visibility: visible;
    z-index: 1;
}
	
.CRM_Name {
    font-size: 1.4em;
    color: #f56805;
    font-weight: bold;
    margin: 0 0 5px 0;
}

.CR_Name {
    font-size: 1em;
    color: #0e82af;
    margin: 0 0 5px 0;
}

.CRM_Introduction {
    color: #4c4c4c;
}	

#dialog_CRM_Vote {
    padding: 90px 0 0 0;
    text-align: center;
}

.a_Vote_MAccount {
    width: 130px;
    height: 120px;
    background-color: #e68000;
    display: inline-block;
    box-sizing: border-box;
    padding: 47px 10px 0 10px;
    text-align: center;
    color: #fff !important;
	margin: 0 8px 0 8px;
}

.a_Vote_FB{
    width: 130px;
    height: 120px;
    background-color: #227eb9;
    display: inline-block;
    box-sizing: border-box;
    padding: 47px 10px 0 10px;
    text-align: center;
    color: #fff !important;
	margin: 0 8px 0 8px;
}

.a_Vote_Line{
    width: 130px;
    height: 120px;
    background-color: #19a243;
    display: inline-block;
    box-sizing: border-box;
    padding: 47px 10px 0 10px;
    text-align: center;
    color: #fff !important;
	margin: 0 8px 0 8px;
}

.shvotall {
    padding: 0 0 0 12px;
    margin: 14px 0 0 0;
}

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

.a_crm_share {
    padding: 3px 10px 3px 10px;
    font-size: 0.9em;
}

.a_crm_vote {
    padding: 3px 10px 3px 10px;
	font-size: 0.9em;
}

.a_Vote_MAccount {
    margin: 25px 8px 25px 8px;
}

.jCarousel.jqc .stage .carousel li {
    width: 50% !important;
}

.jCarousel.jqc .stage .carousel li img {
  width: 100% !important;
}

.jCarousel.jqc .stage {
    width: 100% !important;
}

.jCarousel .carousel ul {
    width: 200% !important;
}
	
}