@charset "utf-8";
body {margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;background-color: #fffaea;}
object { display:block;}
#header{}
#main{}
#footer{}
.msgtwo{ display:inline-block; background:url(../../../../assets/media/images/alart.gif) 5px 2px no-repeat; padding-left:20px; font-size: 13px; color:#ff3c00;}
a:link {color: #9EB91D;text-decoration: none;}
a:visited {text-decoration: none;color: #9EB91D;}
a:hover {text-decoration: underline;color: #9EB91D;}
a:active {text-decoration: none;color: #9EB91D;}
.nav_bg{background-image:url(../../../../assets/media/images/nav_bg1.gif); background-repeat:repeat-x; height:170px;}
.index_bg{background-image:url(../../../../assets/media/images/index_bg.jpg); background-repeat:repeat-x; height:170px;}
.index_top_bg{background-image:url(../../../../assets/media/images/index_top_bg.jpg); background-repeat:repeat-x; height:49px;}
.top_bg{background-image:url(../../../../assets/media/images/top_bg.jpg); background-repeat:repeat-x; height:130px;}
.index{ width:960px; padding:50px 0px 0px 0px;z-index:0}
.footer{height:20px; background-color:#FF6600;}
.logo{top:12px;left:20px;z-index:1;position:absolute;}
.top_img{height:180px;}
.nav{position:relative;height: 180px;left: 0;top: 0;}
.index_frame{position:relative; height:49px;}

.nav_1{height:20px;position:absolute;top:10px;left:327px;z-index:0}
.nav_2{width:350px;height:72px;top:0px;left:485px;position:absolute;z-index:1}
.nav_pop1{
	width:158px;
	height:62px;
	left:589px;
	position:absolute;
	top: 50px;
	z-index:2;
	visibility: hidden;
}
.nav_pop2{width:158px;height:62px;left:702px;position:absolute;top: 51px;visibility: hidden;z-index:3;}
.nav_pop3{
	width:158px;
	height:62px;
	left:475px;
	position:absolute;
	top: 49px;
	z-index:4;
	visibility: hidden;
}
.nav_pop4{
	width:158px;
	height:62px;
	left:589px;
	position:absolute;
	top: 48px;
	z-index:5;
	visibility: hidden;
}
.product_title{ padding-top:10px; padding-bottom:5px;}
.space{ padding:10px 0px 10px 0px;}
.member{ margin-left:80px;}
.member_bg{background-image:url(../../../../assets/media/images/member_04.jpg); }
.login_bolder{border-left: 1px #CCC solid; border-right:1px #CCC solid;}
.login{ width:676px; padding:30px 100px 30px 80px; z-index:0;}
.login_forgot{ width:700px; padding:30px 40px 30px 80px;;z-index:0;}
.login_title{ padding:0px 0px 0px 0px;}
.login_txt{ padding:10px 0px 0px 20px;font-family: Arial, Helvetica, sans-serif, "新細明體";font-size: 13px;line-height: 22px; color: #555;}
.login_space{ padding:0px 0px 7px 0px;}
.login_frame{ background-image:url(../../../../assets/media/images/login_bg.jpg); background-repeat:no-repeat; width:331px; height:171px;}
.login_form{ padding:30px 0px 30px 20px;}
.login_form2{ padding:30px 0px 40px 20px;}
.login_fb_frame{ background-image:url(../../../../assets/media/images/login_bg_fb.jpg); background-repeat:no-repeat; width:331px; height:171px;}
.login_fb_pic{ border:#CCC 1px solid;}
.login_account_frame{ background-image:url(../../../../assets/media/images/login_bg2.jpg); background-repeat:no-repeat; width:352px; height:221px; padding:3px 0px 0px 0px;}
.login_password_frame{ background-image:url(../../../../assets/media/images/login_bg3.jpg); background-repeat:no-repeat; width:352px; height:171px;}
.join_txt{ padding:10px 0px 0px 20px;font-family: Arial, Helvetica, sans-serif, "新細明體";font-size: 13px;line-height: 22px; color: #555; background-color:#f9f5e9}
.mobile_txt{ padding:10px 0px 0px 0px;font-family: Arial, Helvetica, sans-serif, "新細明體";font-size: 13px;line-height: 22px; color: #555;}
.ok_bg_1{ background-image:url(../../../../assets/media/images/ok_03.jpg); background-color:#f3f3f3;}
.ok_bg_2{ background-image:url(../../../../assets/media/images/ok_05.jpg); background-color:#f8f8f3;}


.form{ margin-left:80px;}
.form_space{ padding: 25px 5px 15px 10px; font-family: Arial, Helvetica, sans-serif, "新細明體";font-size: 13px;line-height: 18px; color: #333;}
.form_but{margin-right:24px; margin-right:100px\9; }
.form_bolder{ border:#CCC 1px solid;}

.textfield1{border:#CCC 1px solid; background-color:#f5f5f5; height:18px; width:190px;font-family: Arial, Helvetica, sans-serif, "新細明體";font-size: 12px;line-height: 18px; color: #555; padding:2px;}
.textfield2{border:#CCC 1px solid; background-color:#f5f5f5; height:18px; width:50px;font-family: Arial, Helvetica, sans-serif, "新細明體";font-size: 12px;line-height: 18px; color: #555; padding:2px;}
.textfield3{border:#CCC 1px solid; background-color:#f5f5f5; height:18px; width:300px;font-family: Arial, Helvetica, sans-serif, "新細明體";font-size: 12px;line-height: 18px; color: #555; padding:2px;}
.textfield4{border:#CCC 1px solid; background-color:#FFFFFF; height:18px; font-family: Arial, Helvetica, sans-serif, "新細明體";font-size: 12px;line-height: 18px; color: #555; padding:2px;}
.textfield5{border:#FF0000 1px solid; background-color:#fff7f7; height:18px; font-family: Arial, Helvetica, sans-serif, "新細明體";font-size: 12px;line-height: 18px; color: #555; padding:2px;}
#form_login{
	position:absolute;
	left: 2px;
	top: 2px;
	z-index:0;
	z-index:0;
}
#select{border:#CCC 1px solid; background-color:#FFFFFF;font-family: Arial, Helvetica, sans-serif, "新細明體";font-size: 12px;line-height: 18px; color: #555; padding:2px;}

#form_fb_login{
	position:absolute;
	left: 41px;
	top: 80px;
	z-index:1;
}

#form_login_account{position:absolute;left: 0px;top: 0px;overflow: hidden;z-index:0;visibility: visible;}
#form_login_password{position:absolute;left: 0px;top: 0px;z-index:1;}


.txt_black13{font-family:Arial, Helvetica, sans-serif;font-size:13px;line-height: 22px;color: #333;}
.txt_red13{font-family:Arial, Helvetica, sans-serif;font-size:13px;line-height: 22px;color: #F00;}
.txt_gray13 {font-family: Arial, Helvetica, sans-serif, "新細明體";font-size: 13px;line-height: 22px; color: #555;}
.txt_gray12_1 {font-family: Arial, Helvetica, sans-serif, "新細明體";font-size: 12px;line-height: 22px; color: #888;}
.txt_gray12_2 {font-family: Arial, Helvetica, sans-serif, "新細明體";font-size: 12px;line-height: 18px; color: #555;}
.txt_gray12_3 {font-family: Arial, Helvetica, sans-serif, "新細明體";font-size: 12px;color: #777;}
.txt_pink12 {font-family: Arial, Helvetica, sans-serif, "新細明體";font-size: 12px;line-height: 18px; color: #e53c88;}
.txt_pink13 {font-family: Arial, Helvetica, sans-serif, "新細明體";font-size: 13px;line-height: 18px; color: #e53c88;; text-decoration: none;}
.txt_pink13 a:link{font-family: Arial, Helvetica, sans-serif, "新細明體";font-size: 13px;line-height: 18px; color: #e53c88; text-decoration: none;}
.txt_pink13 a:visited {font-family: Arial, Helvetica, sans-serif, "新細明體";font-size: 13px;line-height: 18px; color: #e53c88; text-decoration: none;}
.txt_pink13 a:hover{font-family: Arial, Helvetica, sans-serif, "新細明體";font-size: 13px;line-height: 18px; color: #e53c88; text-decoration: underline ; font-weight: bolder;}
.txt_pink13 a:active {font-family: Arial, Helvetica, sans-serif, "新細明體";font-size: 13px;line-height: 18px; color: #e53c88;text-decoration: none;}
.txt_pink18 {font-family: Arial, Helvetica, sans-serif, "新細明體";font-size: 18px;line-height: 18px;color: #e53c88;font-weight: bold;}
.txt_ora12 {font-family: Arial, Helvetica, sans-serif, "新細明體";font-size: 12px;line-height: 18px; color: #FF6600;text-decoration: none;}
.txt_gre13 {font-family: Arial, Helvetica, sans-serif, "新細明體";font-size: 13px;line-height: 18px; color: #9eb91d;}
.txt_gre15 {font-family: Arial, Helvetica, sans-serif, "新細明體";font-size: 15px;line-height: 18px; color: #9eb91d;}
.txt_dark12 {font-family: Arial, Helvetica, sans-serif, "新細明體";font-size: 12px;line-height: 18px; color: #3f5057;}
.txt_blue12 {font-family: Arial, Helvetica, sans-serif, "新細明體";font-size: 12px;line-height: 22px; color: #3d5b99;}
.txt_ora18 {font-family: Arial, Helvetica, sans-serif, "新細明體";font-size: 18px;line-height: 24px; color: #FF6600;font-weight: bolder;}
.txt_ora15 {font-family: Arial, Helvetica, sans-serif, "新細明體";font-size: 15px;line-height: 24px; color: #FF6600;font-weight: bolder;}
.txt_blake15 {font-family: Arial, Helvetica, sans-serif, "新細明體";font-size: 15px;line-height: 22px;color: #333;font-weight: bolder;}
.txt_pink15 {font-family: Arial, Helvetica, sans-serif, "新細明體";font-size: 15px;line-height: 22px;color: #e53c88;font-weight: bold;}
.txt_blue12 {font-family: Arial, Helvetica, sans-serif, "新細明體";font-size: 12px;line-height: 18px; color: #148adc;}
.txt_blue18 {font-family: Arial, Helvetica, sans-serif, "新細明體";font-size: 18px;line-height: 18px;color: #148adc;font-weight: bold;}
.txt_white {font-family: Arial, Helvetica, sans-serif, "新細明體";font-size: 13px;line-height: 18px;color: #fff;font-weight: bold; padding: 0px 0px 0px 10px;}

/* 熱寫競賽新增 */

.competition_time {background-image:url(../../../../assets/media/images/competition_time.gif); height:65px; width:279px;}
.competition_space {padding:15px 20px 15px 35px;}
.competition_top1 {background-image:url(../../../../assets/media/images/competition_bg_01.jpg); width:290px; height:322px;}
.competition_top2 {background-image:url(../../../../assets/media/images/competition_bg_02.jpg); width:285px; height:322px;}
.competition_top3 {background-image:url(../../../../assets/media/images/competition_bg_03.jpg); width:285px; height:322px;}
.competition_toplike {padding-left:10px;}
.txt_gray13_1 {font-family: Arial, Helvetica, sans-serif, "新細明體";font-size: 13px;line-height: 20px; color: #555;}
.txt_ora13 {font-family: Arial, Helvetica, sans-serif, "新細明體";font-size: 13px;line-height: 20px; color: #FF6600;font-weight: bolder;}
.txt_ora13 a:link {font-family: Arial, Helvetica, sans-serif, "新細明體";font-size: 13px;line-height: 18px; color: #FF6600; text-decoration: none;}
.txt_ora13 a:visited {font-family: Arial, Helvetica, sans-serif, "新細明體";font-size: 13px;line-height: 18px; color: #FF6600; text-decoration: none;}
.txt_ora13 a:hover{font-family: Arial, Helvetica, sans-serif, "新細明體";font-size: 13px;line-height: 18px; color: #FF6600; text-decoration: underline ;}
.txt_ora13 a:active {font-family: Arial, Helvetica, sans-serif, "新細明體";font-size: 13px;line-height: 18px; color: #FF6600;text-decoration: none;}
.txt_gray25 {font-family: Arial, Helvetica, sans-serif, "新細明體";font-size: 25px;line-height: 20px; color: #adadad;font-weight: bolder;}
.txt_gre13 a:link {font-family: Arial, Helvetica, sans-serif, "新細明體";font-size: 13px;line-height: 18px; color: #9eb91d; text-decoration: none;}
.txt_gre13 a:visited {font-family: Arial, Helvetica, sans-serif, "新細明體";font-size: 13px;line-height: 18px; color: #9eb91d; text-decoration: none;}
.txt_gre13 a:hover{font-family: Arial, Helvetica, sans-serif, "新細明體";font-size: 13px;line-height: 18px; color: #9eb91d; text-decoration: underline ;}
.txt_gre13 a:active {font-family: Arial, Helvetica, sans-serif, "新細明體";font-size: 13px;line-height: 18px; color: #9eb91d;text-decoration: none;}

.competition_con {padding:84px 22px 0px 22px;}

/* CSS Document */