@charset "utf-8";
body, html {
	font-family:Arial, "新細明體";
	font-size:13px;
	font-weight:normal;
	margin:0px !important;
	padding:0px !important;
	height:100%;
	-webkit-text-size-adjust: 100%;
}
a:link{
	text-decoration:none;
	color:#333;
	}
a:visited{
	text-decoration:none;
	color:#333;
	}
a:hover{
	text-decoration:underline;
}
a.nounderline:hover, visited, link, active {
    text-decoration:none
}


p{
	text-align:justify;
	}
input[type=text], input[type=password]{
	-webkit-box-shadow: 2px 2px 5px 0 #C6C6C6 inset;
	box-shadow: 2px 2px 5px 0 #ddd inset;
	border:1px solid #CCC;
	background-color:#FFF;
	height:16px;
	float:left;
	padding:2px;
	font-family:Arial, "新細明體";
	}
input[type=text]:focus, input[type=password]:focus {
	border:1px solid #FFCC00;
	outline:1px solid #FFCC00;
	}
input[type=file]{
	float:left;
	}
.inputlist_style{
	padding-bottom:5px; height:22px; padding-right:6px;
	}
.input_text_in{
	color: #C2C2C2;}
input[type=checkbox]{
	height:15px;
	width:15px;
	float:left;
	margin:0 3px 0 0; 
	}
input[type=text]:focus, input[type=password]:focus{
	border:1px solid #FFCC00;
	outline:1px solid #FFCC00;
	}
select{
	height:22px;
	border:1px solid #ccc;;
	-webkit-box-shadow: 2px 2px 5px 0 #C6C6C6 inset;
	box-shadow: 2px 2px 5px 0 #C6C6C6 inset;
	font-family:Arial, "新細明體";
	}
select:focus{
	border:1px solid #FFCC00;
	outline:1px solid #FFCC00;
	}
.checkbox, .radio {
	width: 15px;
	height: 15px;
	padding: 0;
	background: url(../images/common/checkbox.png) no-repeat;
	display: block;
	clear: left;
	float: left;
	-webkit-box-shadow: 2px 2px 5px 0 #C6C6C6 inset;
	box-shadow: 2px 2px 5px 0 #C6C6C6 inset;
	margin-right:5px;
}
.radio {
	background: url(../images/common/radio.png) no-repeat;
	-webkit-box-shadow: 0px 0px 0px 0 #C6C6C6 inset;
	box-shadow: 0px 0px 0px 0 #C6C6C6 inset;
}



.Verification input{
	width:84px !important;
	height:16px; 
	float:left;
	font-family:Arial, "新細明體";
	}
.Verification img{
	width:70px;
	height:22px;
	float:left ;
	}
.Verification a{
	background-image: url(../images/common/refresh_btn.gif);
	background-position:0 0;;
	height:22px;
	width:22px;
	float:left;
	}
.Verification a:hover{
	background-position: 0 -22px;
	}
.remark{
	font-size:11px;
	float:left;
	color:#666666;
	line-height:13px;}
.remark2{
	font-size:11px;
	line-height:13px;
	padding-top:15px;}
.remark3{
	font-size:11px;
	line-height:13px;
	}
.subsubhead{
	font-weight:bold;
	text-decoration:underline;
	padding:10px 0;}
hr {
	width:100%;
	float:left;
	border:0px none;
	border-top:1px solid #ccc;
	margin-bottom:20px;}
.form_btn{
	cursor:pointer;
	position:relative;
	width:120px;
	height:23px;
	border-radius:5px;
	color:#FFF;
	text-shadow:1px 1px 3px black;
	font-weight:bold;
	text-align:center;
	padding-top:7px;
	letter-spacing:1px;
	line-height:16px;
	}
.form_btn:hover{
	box-shadow: 0px 0px 2px #888;
	background-position: 0 -30px;
	}
.greenbtn{
	background-image:url(../images/common/green_btn.png)}
.greenbtn2{
	background-image:url(../images/common/green_btn2.gif);
	width:300px;}
.greenbtn2:hover{
	background-position: 0 -40px;}
.bluebtn{
	background-image:url(../images/common/blue_btn.gif)}
.bluebtn_s{
    height: 22px;
    line-height: 22px;
    padding: 0;
    width: 60px;
	background-image:url(../images/common/blue_btn_s.gif)}
.greenbtn_s{
    height: 22px;
    line-height: 22px;
    padding: 0;
    width: 60px;
	background-image:url(../images/common/green_btn_s.gif)}
.bluebtn_s:hover, .greenbtn_s:hover{
    background-position: 0 -22px;}
.graybtn{
	background-image:url(../images/common/gray_btn.png)}
.smallbtn{
	width:60px;
	background-image:url(../images/common/small_btn.png)}
.printbtn{
	float:left;
	margin-top:10px;
	margin-right:10px;}
.savebtn{
	margin-top:10px;
	float:left;}
.go2btn_en{
	background-image:url(../images/common/go_btn_en.png)}
.confirmbtn_en{
	background-image:url(../images/common/confirm_btn_en.png)}
.submitbtn_en{
	background-image:url(../images/common/submit_btn_en.png)}
.submitbtn2_en{
	background-image:url(../images/common/submit_btn2_en.gif)}
.resetbtn_en{
	background-image:url(../images/common/reset_btn_en.png)}
.resetbtn_s_en{
	background-image:url(../images/common/reset_small_btn_en.png);
	width:60px;}
.editbtn_en{
	background-image:url(../images/common/edit_btn_en.png);}
.editbtn2_en{
	background-image:url(../images/common/edit2_btn_en.png);}
.editbtn_s_en{
	background-image:url(../images/common/edit_small_btn_en.png);
	width:60px;}
.cancelbtn_s_en{
	background-image:url(../images/common/cancel_small_btn_en.png);
	width:60px;}
.cancelbtn_en{
	background-image:url(../images/common/cancel_btn_en.png);}
.changebtn_en{
	background-image:url(../images/common/change_btn_en.png);}
.finishbtn_en{
	background-image:url(../images/common/finish_btn_en.png)}
.searchbtn_en{
	background-image:url(../images/common/search_btn_en.png)}
.gobtn_en{
	background-image: url(../images/common/commonbtn_go_en.gif);
	height:22px;
	width:40px;
	background-position:0 0;
	cursor:pointer;
	float:left;}
.gobtn_zh_TW{
	background-image: url(../images/common/commonbtn_go_zh_TW.gif);
	height:22px;
	width:40px;
	background-position:0 0;
	cursor:pointer;
	float:left;}
.gobtn_en:hover{
	background-position:0 -22px}
.gobtn_zh_TW:hover{
	background-position:0 -22px}
.overflow{
	overflow:auto; 
	overflow-y:hidden; 
	border-left:1px solid #DEE3C1; 
	border-right:1px solid #DEE3C1;}
.phoneremark {
	width:210px}
.phoneremark tr td, .phoneremark tr td:first-child{
	width:70px !important;
	font-size:11px;
	color:#666666;
	line-height:13px;}

/**topmenu**/
.container{
	min-height: 100%;
    position: relative;
	overflow:hidden;
	min-width:1350px;
	}
.header{
	width:100%;
	height:80px;
	z-index:10;
	}
.header .topsection{
	width:100%;
	height:80px;
	background-color:#fff;
	z-index:100;
	position:absolute;
	}
.header .topsection .head{
	width:1000px;
	height:80px;
	margin:auto;

	}
.header .topsection .head .left{
	width:1000px;
	height:80px;
	float:left;
	}
.header .topsection .head .left .logo{
	width:350px;
	height:50px;
	}
.header .topsection .head .left #menu{
	font-family:"Century Gothic", "微軟正黑體", "Adobe 繁黑體 Std B", "Adobe 黑体 Std R",  Arial, SimHei;
	width:1000px;
	height:20px;
	background:url(../images/common/topmenu/header_bgline.gif);
	background-repeat:repeat-y;
	margin-top:10px;
	} 
.header .topsection .head .left #menu ul {
	list-style:none;
	padding:0px;
	margin:0px;
	}
.header .topsection .head .left #menu ul li{
	float:left;
	padding-left:8px;
	padding-top:3px;
	width:152px;
	height:27px;
	font-size:15px;
	line-height:24px
	}

.header .topsection .head .left #menu ul li:nth-child(5){
	width:160px
	/*for online registration online*/
	}

.header .topsection .head .left #menu ul li.current{
	background:#25ACA9;
	color:#fff;
	}
.header .topsection .head .top{
	height:80px;
	float:left;
	position:absolute;
	right:2px
	}
.header .topsection .head .top .other{
	height:22px;
	padding:4px 4px 4px 14px;
	background-image:url(../images/common/topmenu/header_otherbg.gif);;
	color:#fff;
	line-height:18px;
	float:right
	}

.header .topsection .head .top .other a:link, .header .topsection .head .top .other a:visited{
	color:#fff;
	}

.header .topsection .head .top .other select{
	background-color:#209592;
	border:1px solid #fff;
	color:#fff;
	height:20px;
	width:160px;
	margin-left:5px;
	box-shadow:none;
	}
.header .topsection .head .top .login_out, 
.header .topsection .head .top .home{
	padding:8px;
	float:right;}
.header .topsection .head .top .login_out{
	margin-right:8px;}

.header .topsection .head .top a .loginbtn_en{
	width:65px;
	height:14px;
	background-image:url(../images/common/topmenu/header_loginbtn_en.gif);
	cursor:pointer;
	}
.header .topsection .head .top a .loginbtn_zh_TW{
	background-repeat: no-repeat;
	width:50px;
	height:14px;
	background-image:url(../images/common/topmenu/header_loginbtn_zh.gif);
	cursor:pointer;
	}

.header .topsection .head .top a .homebtn_en{
	width:65px;
	height:14px;
	background-image:url(../images/common/topmenu/header_homebtn_en.gif);
	cursor:pointer;
	}
.header .topsection .head .top a .lock, 
.header .topsection .head .top a .lock:hover,
.header .topsection .head .top .other .lock{
	cursor:default;
	color:#8BD6CE;
	background-position:left -28px  !important;
	}
.header .topsection .head .top a .homebtn_zh_TW{
	background-repeat: no-repeat;
	width:50px;
	height:14px;
	background-image:url(../images/common/topmenu/header_homebtn_zh.gif);
	cursor:pointer;
	}
.header .topsection .head .top a .loginbtn_en:hover ,
.header .topsection .head .top a .loginbtn_zh_TW:hover ,
.header .topsection .head .top a .homebtn_en:hover ,
.header .topsection .head .top a .homebtn_zh_TW:hover{
	background-position:left -14px ;
	}

.header .contentsection{
	width:100%;
	height:auto;
	background-image:url(../images/common/topmenu/header_bgbg.png);
	background-position:bottom;
	background-repeat:repeat-x;
	border-bottom:1px solid #FFF;
	position:absolute;
	z-index:99;
	top:-20px;
	}
.header .contentsection table{
	margin:auto;  
	} 
.header .contentsection #submenu_margintop{
	height:0px;
}
.header .contentsection #submenu{
	width:1000px;
	height:110px;
	background-image:url(../images/common/topmenu/header_bgline.gif);
	background-repeat:repeat-y;

	}
.header .contentsection #submenu a{
	color:#666666;
	}
.header .contentsection #submenu a:hover{
	color:#25ACA9;
	}
.header .contentsection #submenu ul{
	list-style:none;
	margin:10px 0 0 0;	
	padding:5px 0px 10px 8px ;
	float:left;
	width:152px;
	}
.header .contentsection #submenu ul:nth-child(5) {
	width:200px;
	}
/**fix ie7 **/
ul:first-child~ul~ul~ul~ul>li {
	width:200px;
	}
.header .contentsection #submenu ul li{
	padding:3px 3px 0 8px;
	background-image:url(../images/common/topmenu/subhead_pic1.gif);
	background-repeat: no-repeat;
	background-position: left top ;
	
	}
/**index promote banner**/	
.index_promotion_box{
	width:1920px; height:1000px; position: absolute; left:50%; margin-left:-960px; text-align:center; top:10px; z-index:-10
	}
.index_promotion_box .nav{
	width:1920px; height:20px; margin-top:270px; position:absolute; text-align:left;z-index:10;
	*margin-left:-960px;
	
}
.index_promotion_box .nav .fix{
	width:1000px; margin:auto
}
.index_promotion_box .nav .fix .btn{
	width:11px; height:11px; background-image:url(../images/indexbanner/index-banner-slidebtn.png); background-position:0 -11px; margin:5px; float:left; cursor:pointer;
}

.index_promotion_box div.indexbanner_item, .index_promotion_box div.indexbanner_item_show{
	height:1300px;
	width:1920px;
	background-repeat:no-repeat;
	position:absolute;
	display:none;
	*margin-left:-960px;
	}
/**index content**/	
.index_content_box{
	width:1000px; position:relative; margin:310px auto 200px auto; background-color:#999; z-index:10;
	-webkit-box-shadow: 0px 0px 7px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 7px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 7px rgba(50, 50, 50, 0.75);
	}
.index_content_box .LastestNews{
	width:240px;
	color:#5A691B;
	font-size:13px;
	}
.index_content_box .LastestNews .header{
	background-image:url(../images/index/index_news_headbg.jpg);
	background-repeat:repeat-x;
	height:20px;
	padding:10px;
	color:#fff;
	width:220px;
	}
.index_content_box .LastestNews .header .title{
	float:left;
	font-size:16px;
	width:160px;
	}
.index_content_box .more{
	float:right;
	width:35px;
	margin-top:5px;
	background-image:url(../images/index/index_arrow_btn.gif);
	padding-left:15px;
	background-position:0 0;
	font-weight:bold;
	background-repeat:no-repeat;
	font-size:11px;
	}
.index_content_box .more a{
	color:#fff;
	}
.index_content_box .LastestNews div.list{
	padding:10px;
	width:220px;
	border-top:1px solid #8FA72C;
	}

.index_content_box .LastestNews .list .title a{
	font-weight:bold;
	color:#5A691B;
	}
.index_content_box .LastestNews .list .date{
	font-size:11px;
	}
.index_content_box .AboutScheme{
	width:760px;
	color:#666;
	font-size:13px;
	}
.index_content_box .AboutScheme .header{
	background-image:url(../images/index/index_scheme_headbg.jpg);
	background-repeat:repeat-x;
	height:20px;
	padding:10px 10px 10px 30px;
	color:#fff;
	width:720px;
	border-bottom:1px solid #259999;
	}
.index_content_box .AboutScheme .header .title{
	float:left;
	font-size:16px;
	width:660px;
	}
.index_content_box .AboutScheme .content{
	padding:10px 20px;
	width:720px;
	background-image:url(../images/index/index_scheme_bg.jpg);
	background-repeat: repeat-x;
	background-position:0 30px;
	position:relative;
	}
.index_content_box .AboutScheme .content .schemebtn{
	width:auto;
	padding:3px 10px;
	height:13px;
	line-height:13px;
	color:#FFF;
	background-repeat:repeat-x;
	border-radius: 3px;
	float:left;
	margin-right:10px;
	cursor:pointer;
	}
.index_content_box .AboutScheme .content .blue{
	background-image:url(../images/index/index_scheme_btn1_bg.jpg);
	}
.index_content_box .AboutScheme .content .green{
	background-image: url(../images/index/index_scheme_btn2_bg.jpg)
	}
.index_content_box  .AboutScheme .content .btnzone{
	height:45px;
	}
.index_content_box  .AboutScheme .content .productzone{
	width:720px;
	height:230px;
	position:relative;
	overflow:hidden;
	}
	/*
.index_content_box  .AboutScheme .content #animatediv{
	position:absolute;
	left:0px;
	width:1360px;}
.index_content_box  .AboutScheme .content #leftarrow{
	width:20px; 
	height:20px; 
	background-image:url(../images/index/index_scheme_arrow.png);
	background-position:0 0;
	position:absolute; 
	left:15px; 
	top:95px; 
	z-index:20;
	cursor:pointer
}
.index_content_box  .AboutScheme .content #rightarrow{
	width:20px; 
	height:20px; 
	background-image:url(../images/index/index_scheme_arrow.png);
	background-position:-20px 0;
	position:absolute; 
	left:725px; 
	top:95px; 
	z-index:20;
	cursor:pointer
}
*/

.index_content_box  .AboutScheme .content .productzone .list{
	width:170px;
	height:230px;
	float:left;
	color:#666
	}
.index_content_box  .AboutScheme .content .productzone .list .pic{
	position:relative;
	}
.index_content_box  .AboutScheme .content .productzone .list .pic img{
	margin:4px 0 0 4px;
	width:150px;
	height:90px;
	}
.index_content_box  .AboutScheme .content .productzone .list .pic .top{
	position:absolute;
	background-image:url(../images/index/index_scheme_product_pic.png);
	width:170px;
	height:100px;
	top:0px;
	left:0;
	}
.index_content_box  .AboutScheme .content .productzone .list .name_en{
	line-height:20px;
	font-size:14px;
	padding-top:10px;
	font-weight:bold;
	width:157px;
	}
.index_content_box  .AboutScheme .content .productzone .list .name_zh_TW{
	line-height:20px;
	font-size:14px;
	padding-top:10px;
	font-weight:bold;
	width:157px;
	letter-spacing:3px;
	}
.index_content_box  .AboutScheme .content .productzone .list .level{
	padding:2px 5px;
	font-size:11px;
	background-color:#E0E0E0;
	float:left;
	border-radius: 3px;
	}
.index_content_box  .AboutScheme .content .productzone .list .text{
	width:155px;
	text-align:11px;
	line-height:17px;
	}
	
	
	
.index_content_box .Download{
	background-image:url(../images/index/index_other_1.jpg);
	padding:20px 0 0 77px;
	height:42px;
	font-size:16px;
	cursor:pointer;
	color:#fff;
	font-weight:bold}
.index_content_box .Calculators {
	float:left;
	padding:0 0 0 4%;
	width:39%;
	background-image:url(../images/index/index_other_2.jpg);
	background-position:-2px 0;
	line-height:16px;
	color:#666;
	}
.index_content_box .Calculators a{
	color:#666;
	}
.index_content_box .Calculators span{
	font-size:16px; 
	font-weight:bold;
	}
.index_content_box .OnlineApp {
	float:left;
	padding:0 5px 0 4%;
	width:52%;
	background-image:url(../images/index/index_other_3.jpg);
	line-height:16px;
	color:#7C5EA9;
	margin-left:1px;
	border-left:1px solid #B9ACCC
	
	}
.index_content_box .OnlineApp a{
	color:#7C5EA9;
	}
.index_content_box .OnlineApp span{
	font-size:16px; 
	font-weight:bold;
	}

	
/**top banner**/
.topbanner{
	width:100%;
	height:180px;
	position:relative;
	background-position:center top;
	margin-top:10px;
	z-index:-1;
	}
.onlineservicebanner_en{
	background-image: url(../images/common/topbanner/onlineservice_topbanner_en.jpg);
	}
.onlineservicebanner_zh_TW{
	background-image: url(../images/common/topbanner/onlineservice_topbanner_zh_TW.jpg);
	}
.ourproductbanner_en{
	background-image: url(../images/common/topbanner/ourproduct_topbanner_en.jpg);
	}
.ourproductbanner_zh_TW{
	background-image: url(../images/common/topbanner/ourproduct_topbanner_zh_TW.jpg);
	}
.onlineapplicationbanner_en{
	background-image: url(../images/common/topbanner/onlineapplication_topbanner_en.jpg);
	}
.onlineapplicationbanner_zh_TW{
	background-image: url(../images/common/topbanner/onlineapplication_topbanner_zh_TW.jpg);
	}
.aboutmpfbanner_en{
	background-image: url(../images/common/topbanner/aboutmpf_topbanner_en.jpg);
	}
.aboutmpfbanner_zh_TW{
	background-image: url(../images/common/topbanner/aboutmpf_topbanner_zh_TW.jpg);
	}
.aboutusbanner_en{
	background-image: url(../images/common/topbanner/aboutus_topbanner_en.jpg);
	}
.aboutusbanner_zh_TW{
	background-image: url(../images/common/topbanner/aboutus_topbanner_zh_TW.jpg);
	}
.aboutorsobanner_en{
	background-image: url(../images/common/topbanner/aboutorso_topbanner_en.jpg);
	}
.aboutorsobanner_zh_TW{
	background-image: url(../images/common/topbanner/aboutorso_topbanner_zh_TW.jpg);
	}
/**main content**/
.maincontent_fix{
	width:100%;
	z-index:0;
	}
.maincontent{
	width:1000px;
	height:auto;
	position:relative;
	background-position:center top;
	margin:auto;
	min-height:750px;
	*margin-bottom:150px;
	}
.maincontent .sidemenu{
	float:left;
	width:220px;
	margin: 20px 20px 100px 0;
	height:auto;
	min-height:600px;
	}
.maincontent .sidemenu ul.submenu{
	padding:0;
	margin:0 0 20px 0;
	font-family: "Century Gothic", "微軟正黑體","Adobe 繁黑體 Std B", "Adobe 黑体 Std R", Arial, SimHei}
.maincontent .sidemenu ul.submenu  li{
	width:218px;
	background-image:url(../images/common/sidemenu/sidemenu_btn1.jpg);
	background-position:bottom left;
	background-color:#F3F3F3;
	background-repeat:no-repeat;
	list-style:none;
	font-size:13px;
	cursor:pointer;
	border:1px solid #ccc;
	border-bottom:0px ;
	}
.maincontent .sidemenu ul.submenu li:hover{
	background-position:-220px bottom  ;
	background-color:#FFFFFF;
	}
.maincontent .sidemenu ul.submenu li a:link{
	color:#333;
	}
.maincontent .sidemenu ul.submenu li a:hover{
	text-decoration: none;
	}
.maincontent .sidemenu ul.submenu li a:visited{
	color:#333;
	}

.maincontent .sidemenu ul.submenu li a div{
	padding:13px 5px 13px 15px;;
	width:200px;
	text-decoration: none;
	cursor:pointer;
	}
	
.maincontent .sidemenu div.menutitle{
	padding:10px 10px 10px 15px;
	background-image:url(../images/common/sidemenu/sidemenu_title.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	border:1px solid #CCCCCC;
	font-size:15px;
	}
.maincontent .sidemenu ul.submenu2{
	padding:0;
	margin:0 0 20px 0;}
.maincontent .sidemenu ul.submenu2 li{
	width:218px;
	height:auto;
	background-image: url(../images/common/sidemenu/sidemenu_submenubtn.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	list-style:none;
	font-size:13px;
	cursor:pointer;
	border:1px solid #ccc;
	border-top:0px none;
	}
.maincontent .sidemenu ul.submenu2 li:hover{
	background-position:0 -40px;
	}
.maincontent .sidemenu ul.submenu2 li a:link{
	color:#333;
	}
.maincontent .sidemenu ul.submenu2 li a:hover{
	text-decoration: none;
	}
.maincontent .sidemenu ul.submenu2 li a:visited{
	color:#333;
	}

.maincontent .sidemenu ul.submenu2 li a div{
	padding:9px 10px 9px 30px;;
	height: auto;
	width:178px;
	text-decoration: none;
	background-image:url(../images/common/sidemenu/sidemenu_arrow.gif);
	background-position:15px 0;
	background-repeat:no-repeat;
	cursor:pointer;
	}

.maincontent .content{
	margin-top:20px;
	width:760px;
	height:auto;
	float:left;
	}
.singlepage_content {
	width:940px;
	margin:30px 0;
	padding:20px; 
	height:auto;
	min-height:600px;
	border:1px solid #DFDFDF;
	background-image:url(../images/common/main_content_bg2.jpg);
	background-repeat:no-repeat;
	margin-bottom:100px;
	float:left;
	}

.singlepage_content .title  {
	width:940px;
	height:30px;	
	margin-bottom:15px;
	background-repeat:no-repeat;
}
	
/** content style **/
.title_blue{
	font-size:15px;
	line-height:20px;
	color:#25ACA9;
	text-shadow: 2px 1px 2px #CCCCCC;
	font-weight:bold;
	font-family:"Century Gothic", Arial,"Adobe 繁黑體 Std B", "Adobe 黑体 Std R" ,"微軟正黑體","新細明體";}	
.title_blue_box{
	font-size:15px;
	line-height:20px;
	background-color:#25ACA9;
	background-image:url(../images/common/title_blue_box_bg.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	color:#fff;
	height:auto;
	padding:10px;
	text-shadow: 2px 1px 2px #125452;
	font-weight:bold;
	margin-bottom:5px;
	font-family:"Century Gothic", Arial,"Adobe 繁黑體 Std B", "Adobe 黑体 Std R" ,"微軟正黑體","新細明體";}	
.title_green_box{
	font-size:15px;
	line-height:20px;
	background-color:##0B8C1E;
	background-image:url(../images/common/title_green_box_bg.gif);
	background-color:#0B8C1E;
	background-position:bottom;
	background-repeat:repeat-x;
	color:#fff;
	height:auto;
	padding:10px;
	text-shadow: 2px 1px 2px #125452;
	font-weight:bold;
	font-family:"Century Gothic", Arial,"Adobe 繁黑體 Std B", "Adobe 黑体 Std R" ,"微軟正黑體","新細明體";}	
a.green_13px, .green_13px{
	font-size:13px;
	color:#0B8C1E;
	font-weight:bold;
	}
a.red_13px, .red_13px{
	font-size:13px;
	color:#FF0000;
	font-weight:bold;
	}
a.blue_13px, .blue_13px{
	font-size:13px;
	color:#25ACA9;
	font-weight:bold;
	display:inline-table;}
	
h4{
	font-size:15px; 
	font-weight:bold;
	line-height:20px;
    margin: 0;
	}
h3{
	font-size:13px; 
	font-weight:bold;
	line-height:15px;
    margin: 10px 0;
	}
h5{
	font-size:11px;
	font-weight:bold;
	text-decoration:underline;
	margin: 20px 0 5px;
	}
ul.no_number {
	margin: 5px 0;
	padding:0px;
	}
ul.no_number li {
	list-style:  none;
    padding: 5px 0;
    text-align: justify;
	font-size:11px;
	}
ul.number, ul.number_13px, ul.lower-latin, ul.disc, ul.lower_roman {
	margin: 5px 0;
	padding-left:20px;
	*padding-left:25px;
	}
ul.number li {
	list-style: decimal outside none;
    padding: 5px 0;
    text-align: justify;
	font-size:11px;
	}
ul.number_13px li {
	list-style: decimal outside none;
    padding: 5px 0;
    text-align: justify;
	font-size:13px;
	}
ul.lower-latin li {
	list-style: lower-alpha outside none;
    padding: 2px 0;
    text-align: justify;
	}
ul.lower_roman li {
	list-style: lower-roman outside none;
    padding: 2px 0;
    text-align: justify;
	}
ul.disc li {
	list-style: disc;
    padding: 2px 0;
    text-align: justify;
	}	
ul.number li table {
	border-left:1px solid #DFDFDF;
	margin-top:5px;
	}
ul.number li table tr td {
	padding:2px;
	border:1px solid #DFDFDF;
	border-top:0px;
	border-left:0px
	}
ul.number li table tr th {
	padding:2px;
	background-color:#DFDFDF;
	}
.acknowledgement_box{
	border:1px solid  #0B8C1E;
	padding:15px;
	line-height:25px;
	margin-bottom:15px;
	}
.acknowledgement_box .next{
	padding-left:20px; 
	border-left:1px solid #0B8C1E;
	}
.gototop{
	border-top: 1px solid #DFDFDF;
	padding: 10px 0;
	text-align:right;
	}
.gototop a{
	font-weight:bold;
	color:#666666;
	}
.gototop2{
	padding: 10px 0;
	text-align:right;
	margin-bottom:20px;
	}
.gototop2 a{
	font-weight:bold;
	color:#666666;
	}
table.form{
	margin:auto;
	margin-top:20px;}
table.form tr td{
	padding-bottom:15px;
	vertical-align:top;
	}
table.form tr td:first-child{
	width:120px;
	}
table.form input[type=text], .form input[type=password] {
	width:176px;
	}
table.form select{
	width:182px;
	}
table.form .ui-datepicker-trigger, form_content .ui-datepicker-trigger{
	margin-right:0px;
	}
table.form .hasDatepicker, form_content .hasDatepicker{
	width:155px}
table.form .to, form_content .to{
	margin-left:10px;
	float:left; 
	margin-right:10px
	}
table.form .period, form_content .period {
	width:100px !important;
	}
.form_add{
	margin:auto;
	margin-bottom:20px;}
table.form_en tr td:first-child {
	width:150px;
}
table.form_zh_TW tr td:first-child {
	width:100px;
}
table.form_btn_table{
	width:100%;
	margin-bottom:50px;
	}
table.viewdata {
	font-weight:bold;
}
table.viewdata tr td:first-child {
	font-weight: normal;
}
table.viewdata2 {
	font-weight:bold;
}
table.viewdata2 tr td:first-child, table.viewdata2 tr td:first-child+td {
	font-weight: normal;
}
div.orange_download{
	background-image:url(../images/common/orange_download_bg.gif);
	padding-left:25px; 
	background-repeat:no-repeat;
	line-height:20px;
	height:20px;
	}
div.orange_download a{
	color:#FF7000;
}

.loading-mask {
	width:100%;
	height:100%; 
	max-height:100% ;
	position: fixed ;
	z-index:60;
	left:0;
	top:0; 
	background: url(../images/common/maskbg.png); 
	display:none;}  /* IE6，IE7*/  
.loading-mask .content{
	border:1px solid #999999; 
	background:#FFF; 
	width:340px; 
	height:205px; 
	padding:25px 30px;
	box-shadow: 0 0 5px 0 #666666;
	margin:auto; 
	position:relative; 
	text-align:left;
	top:30%;
	}
.loading-mask .content .question{
 	font-weight: bold;
    height: 70px;
    padding-top: 60px;
    text-align: center;
	}


/** footer **/
.footer{
	width:100%;
	height:60px;
	position:absolute;
	background-color:#DFDFDF;
	padding-top:20px;
	text-align:center;
	font-size:11px;
	bottom:0;
	}
.footer a{
	padding:0 10px;
	color:#333;
	font-size:13px;
	}
	
/**message**/
.check_message{
	margin:auto;
	border:1px solid #CCC;
	padding:5px;
	background-color:#FFF;
	line-height:13px;
}
.error_message{
	padding:2px 0 2px 15px;
	background-image:url(../images/common/error_icon.gif);
	background-repeat:no-repeat;
	color:#CC0000;
	font-size:11px;
	line-height:11px;
}
.success_message{
	padding:2px 0 2px 15px;
	background-image:url(../images/common/success_icon.gif);
	background-repeat:no-repeat;
	color:#0B8C1E;
	font-size:11px;
	line-height:11px;
}
input[type="text"].error, input[type="password"].error, select.error{
	background-color:#FFFFCC;
	border:1px solid red;
	outline:1px solid red;
}
input[type="checkbox"].error, input[type="radio"].error{
	outline:1px solid red;
	border:1px solid red;
}

/**serach area**/
.serach_area_input{
	line-height:20px;
	}
.serach_area_input tr td:first-child{
	text-align:right;
	width:200px;
	}
.serach_area_input tr td:nth-child(2){
	width:20px;
	}
.serach_area_input tr td{
	padding-bottom:20px
	}
.serach_area_input select{
	width:320px;}
.serach_area_input input{
	width:110px; 
	float:left}
.serach_area_input .calendar{
	width:17px;
	height:22px;
	margin:0 20px 0 2px; 
	float:left;
	cursor:pointer;
	background-image:url(../images/common/calendar_icon.gif)}
/**main content css**/
#maincontent {
	width:758px;
	float:left;
	border:1px solid #DFDFDF;
	background-image:url(../images/common/main_content_bg.jpg);
	background-repeat:no-repeat;
	margin-bottom:100px;
	min-height:600px;
	
}
#maincontent .content {
	width:700px;
	margin:20px 29px;
}

#maincontent .content .title  {
	width:700px;
	height:24px;	
	margin-bottom:20px;
}
#maincontent .content .inside{
	margin:20px 0;
	text-align:justify;
	}
/**main content after login css**/
.login_header{
	width:100%;
	height:75px;
	position:relative;
	float:left;
	background-image:url(../images/login/header_shadow.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	border-bottom:1px solid #fff;
	}
.login_header .header_content{
	width:1000px;
	height:75px;
	margin:auto;
	}

.login_header .header_content .left, .login_header .header_content .right{
	width:500px;
	height:75px;
	float:left;
	}
.login_header .header_content .right .loginacc{
	width:400px;
	padding-left:35px;
	height:20px;
	float:left;
	padding-top:25px;
	}
.login_header .header_content .right .language{
	width:55px;
	height:20px;
	float:left;
	padding-right:10px;
	padding-top:25px;
	cursor:pointer;;
	text-align:right;
	
	}
.login_header .header_content .right .accinfo{
	width:465px;
	float:left;
	text-align:right;
	height:16px;
	padding:0px 0px 10px 35px;
	margin-top:5px;
	font-size:11px;}
.login_header .header_content .right .accinfo div{
	float:left;
	margin-right:20px;
	}
.login_menu {
	width:100%;
	height:32px;
	position:relative;
	float:left;
	background-color:#0B8C1E;
	color:#FFF;
	font-size:15px;
	}
.fix_ipad {
	width:1000px; margin:auto
	}
.login_menu ul{
	margin:auto;
	width:100%;
	padding:0px;
	float:left;  
	background-color:#0B8C1E;
	}
.login_menu ul li{
	height:16px;
	padding:8px 20px;
	border-right: 1px solid #55AF62;
	text-align:center;
	float:left;
	list-style:none;
	min-width:70px;
	line-height:18px;
	}
.login_menu ul li:first-child{
	border-left: 1px solid #55AF62;
	}
.login_menu ul li a{
	color:#fff;
	}
.login_content{
	width:100%;
	min-height:570px;
	position:relative;
	float:left;
	}
.login_footer{
	width:100%;
	background-image:url(../images/login/header_shadow2.jpg);
	background-repeat:repeat-x;
	height:20px;
	position:relative;
	float:left;
	border-top: 1px solid #fff;
	}
	

/* calendar icon for jq datepicker*/
.ui-datepicker-trigger{
	float:left;
	margin:0 15px 0 3px;
	}
.serach_area_input .check_message{
	float:left;
	width:308px;
	padding:0;
	border:0px}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
	color:#25ACA9 !important}
/*chat display*/
.ui-widget-header{
			background-color:#D5F6EA !important;
			color:#25ACA9 !important;
			font-size:13px !important;
			background-image:none !important;
			border-color: #C4E8D9 !important;
			padding:3px 10px !important}
		
        .jqplot-target {
            margin: 20px auto;
            height: 340px;
            width: 600px;
            color: #666;
        }

        .ui-widget-content {
            background: #ffffff;
			border:1px solid  #B7E1E3 !important;
        }

        table.jqplot-table-legend {
            border: 0px;
            background-color: rgba(100,100,100, 0.0);
        }

        .jqplot-highlighter-tooltip {
            background-color:#25ACA9 ;
            padding: 7px;
            color: #fff;
			font-size:13px
        }

/******20181213******/
.index_content_box{width:1330px; font-size: 0}
.index_content_box>table{ width: 1000px;     vertical-align: top;display: inline-block; font-size: 14px}
.index_content_box .Calculators{ width: 300px}
.index_content_box .OnlineApp{ width: 392px}
.index_content_box .video{ display:block; display: inline-block;    width: 330px; font-size: 14px}
.index_content_box .video .header{
  background-image: -moz-linear-gradient( 90deg, rgb(0,120,77) 0%, rgb(0,155,99) 28%);
  background-image: -webkit-linear-gradient( 90deg, rgb(0,120,77) 0%, rgb(0,155,99) 28%);
  background-image: -ms-linear-gradient( 90deg, rgb(0,120,77) 0%, rgb(0,155,99) 28%);
	color: #fff;
    height: 21px;
    padding: 10px 25px;
    width: auto;
    font-size: 16px;
}
.index_content_box .video .content{ background-color: #e5e5e5; padding: 10px 25px;}
.index_content_box .video .content img{ width: 100%; cursor: pointer}
.index_content_box .video .content .item{ position: relative; padding: 10px 0}
.index_content_box .video .content b{ position: absolute; padding: 5px 10px;  background-image: -moz-linear-gradient( 90deg, rgb(0,137,96) 0%, rgb(0,156,100) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(0,137,96) 0%, rgb(0,156,100) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(0,137,96) 0%, rgb(0,156,100) 100%);
  color: #fff;
  font-weight: normal;
}
.video_popup{
  position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    font-size: 16px;
    z-index: 9999;
}
.video_popup .content{
	height: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
}
.video_popup .content .head {font-size: 50px;font-family:Arial, Helvetica, "Microsoft JhengHei", sans-serif; position:relative; margin-bottom: 20px; text-align: center}
.video_popup .close{
    width: 50px;
    position: absolute;
    right: 15px;
    top: 15px;
	cursor: pointer;
}