@font-face { font-family: "華康秀風體"; src: url(dfphsiuw3b5.ttf); }

@font-face { font-family: "華康秀風體ie"; src: url(dfphsiuw3b5.eot); }

/*//////////font//////////*/
/*//////////dimension//////////*/
/*//////////color//////////*/
/*咖啡色文字*/
/*咖啡色btn底色*/
/*咖啡色背景底色*/
/*紅色*/
/*藍色*/
/*//////////extend 模組//////////*/
.ellipsis, .download_data .list .location, .news p, .feedback2 .tit2 ,.event p, .download_data .list a, .download_data .list span, .feedback .tit { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.ellipsis_p, .lightbox .p_info.con .r .desc, .feedback .r .desc, .news .text,.feedback2 .r .desc { overflow: hidden; text-overflow: ellipsis; display: block; /* Fallback for non-webkit */ display: -webkit-box; white-space: normal; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; /*-webkit-line-clamp: 2;*/ }

.noellipsis { text-overflow: clip; white-space: normal; }

.shadow, .blue .register_modify, .lightbox .p_info.con li, .info .pic, .feedback li, .map .r span, .tip .tip_con img, .blue .login_box, .feedback2 li{ -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2); }

.inshadow { -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.1); box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.1); }

.tshadow { text-shadow: 1px 1px 0px #11737c; }

.noshadow, .lightbox .p_info.con .l .pic, .feedback .myedit li, .feedback.p_info .l .pic { -webkit-box-shadow: 0 0 0 0; -moz-box-shadow: 0 0 0 0; box-shadow: 0 0 0 0; }

.bgcover, .lightbox .upload .pic, .lightbox .p_info.con li, .info .pic, .feedback .l .pic, .feedback.p_info li, .news .pic { background-position: center;background-repeat: no-repeat;background-size: cover;-ms-behavior: url("js/polyfill/backgroundsize.htc");behavior: url("js/polyfill/backgroundsize.htc");}

.piecss3, .header .link a, .idx_con .link a, .idx_con.con3 a, .event .fol_btn, .event.member .myedit li, .blue .register_modify, .blue .white.result_info input[type="button"], .blue .white.result_info .btn a, .brown .intro .btn, .info .fol_btn, .info .btn a, .page li, .page a, .map .l .rank, .map .l input[type="button"], .map .r span, .download_data .bar input[type="button"], .download_data .bar input[type="submit"], .download_data .list li, .download_data .list input[type="button"], .download_data .list input[type="submit"], .pagetab a, .tip .btn a, .news li, .news .more { position: relative; z-index: 2; behavior: url("js/pie/PIE.php"); }

/*for sticky footer*/
html, body { height: 100%; width: 100%; text-align: center; }

body { min-width: 1000px; height: auto; /*for fancybox hack*/ }

.wrap { min-height: 100%; }

.header { height: 155px; margin: auto; }

.main { padding-bottom: 215px; }

.content { margin: auto; margin-top: 155px; }

section { width: 1000px; margin: auto; position: relative; display: inline-block; }

.footer { position: relative; margin-top: -215px; height: 215px; clear: both; }

/*//////////header樣式//////////*/
body { background-color: #faf5ef; }

.header { background: white url(../images/divide_rope.png) 0 bottom repeat-x; position: absolute; top: 0; z-index: 999;width: 100%;text-align: center;min-width: 1000px;}
.index .header { position: fixed; top: 0; z-index: 999; width: 100%; }
.header .logo { width: 230px; height: 70px; background: url(../images/logo.png) no-repeat; position: absolute; left: 375px; top: 57px; }
.header .link { float: right; font-size: 13px; margin: 20px 35px 0 0; padding: 0; width: auto; }
.header .link li { float: right; line-height: 25px; height: 25px; color: #8f713d; }
.header .link a { position: relative; z-index: 2; margin-left: 5px; color: #8f713d; background: #f4eed8; padding: 0 15px; height: 25px; display: inline-block; border-radius: 10px; }
.header .link a:hover { background: #dddddd; color: #666666; }
.header .link span { margin-right: 10px; }
.header .menu { float: left; margin-top: 25px; padding-left: 20px; }
.header .menu li { width: 119px; float: left; height: 62px; font-size: 15px; }
.header .menu li a { color: #999999; text-decoration: none; height: 100%; line-height: 65px; display: block; border-right: 1px solid #f1f1f1; background-repeat: no-repeat; background-position: center -10px; }
.header .menu li:first-child a { border-left: 1px solid #f1f1f1; }
.header .menu li a:hover { color: #333333; line-height: 30px; background-position: center 10px; padding-top: 35px; }
.header .menu li a .sp2{display: none;}
.header .menu li a:hover > .sp2{display: block;}
.header .menu li a:hover > .sp1{display: none;}
.header .menu li.li1 a:hover, .header .menu li.li1 a.current { background-image: url(../images/menu_li1.jpg); }
.header .menu li.li2 a:hover, .header .menu li.li2 a.current { background-image: url(../images/menu_li2.jpg); }
.header .menu li.li3 a:hover, .header .menu li.li3 a.current { background-image: url(../images/menu_li3.jpg); }
.header .menu li.li4 a:hover, .header .menu li.li4 a.current { background-image: url(../images/menu_li4.jpg); }
.header .menu li.li5 a:hover, .header .menu li.li5 a.current { background-image: url(../images/menu_li5.jpg); }
.header .menu li.li6 a:hover, .header .menu li.li6 a.current { background-image: url(../images/menu_li6.jpg); }
.header .menu li .sub { background-color: white; padding: 20px 0; display: none; }
.header .menu li .sub li { height: 30px; font-size: 13px; }
.header .menu li .sub li a { border: none; line-height: 30px; }
.header .menu li .sub li a:hover, .header .menu li .sub li a.current { background: transparent; line-height: 30px; padding: 0; }

/*//////////footer樣式//////////*/
.footer { background: url(../images/footer_bg.jpg) 0 0 repeat-x; }
.footer .logo { float: left; width: 131px; height: 51px; background: url(../images/footer_logo.jpg) 0 0 no-repeat; margin: 53px 20px 0 20px; display: inline-block; }
.footer .link { position: relative;z-index: 2;font-size: 16px; margin: auto; height: 87px; line-height: 87px; float: left; border-left: 1px dashed #c4ad75; background: url(../images/footer_pic1.jpg) 18px 32px no-repeat; padding-left: 80px; margin-top: 35px; }
.footer .link li { float: left; }
.footer .link li:after { content: "‧"; color: #d45252; font-weight: bold; }
.footer .link li:last-child:after { content: ""; }
.footer .link a { margin: 0 7px; text-decoration: none; color: #ac8c57; }
.footer .link a:hover { color: #999999; }
.footer .info { float: left; font-size: 12px; color: #342907; text-align: left; height: 32px; padding-left: 70px; margin-top: 50px; line-height: 27px; }
.footer .info li { float: left; }
.footer .info li:after { content: url(../images/footer_divide.jpg); margin: 0 10px; padding-top: 3px; float: right; }
.footer .info li:last-child:after { content: ""; }
.footer .info a { color: #342907; }
.footer .pic { width: 178px; height: 169px; background: url(../images/footer_pic2.png) 0 0 no-repeat; position: absolute; top: -25px; right: 0; }
.footer .top { width: 20px; height: 20px; display: inline-block; background: url(../images/top.jpg) 0 0 no-repeat; position: absolute; right: 20px; bottom: 5px; }

/*//////////banner//////////*/
.banner { height: 600px; padding-bottom: 8px; background: url(../images/divide_rope.png) 0 bottom repeat-x; }

.banner img { max-width: 100%; }

.idx_con { text-align: center; position: relative; padding: 50px 0px; }
.idx_con .link { position: absolute; right: 0; top: 6px; margin-right: 60px; }
.idx_con .link a { padding: 0 15px; display: inline-block; font-size: 13px; color: #666666; min-width: 100px; height: 28px; line-height: 24px; border-radius: 15px; border: 2px solid #dddddd; background-color: white; position: relative; z-index: 2; }
.idx_con .link a:hover { background-color: #dddddd; }
.idx_con .tit { font-size: 30px; color: #666666; margin-bottom: 40px; }

.idx_con.con1 { border-bottom: 1px dashed #cccccc; }
.idx_con.con1 .tit span { display: inline-block; padding-left: 55px; background: url(../images/tit_icon1.png) 0 4px no-repeat; }

.idx_con.con2 { height: 410px; background: url(../images/con2_bg.jpg) 0 0 repeat-x; border-bottom: 1px dashed #cccccc; }
.idx_con.con2 .tit span { display: inline-block; padding-left: 45px; background: url(../images/tit_icon2.png) 0 4px no-repeat; }

.idx_con.con3 { height: 370px; background: url(../images/con3_bg.png) center 60px no-repeat; }
.idx_con.con3 .tit span { display: inline-block; padding-left: 80px; background: url(../images/tit_icon3.png) 0 4px no-repeat; }
.idx_con.con3 ul { padding-left: 115px; margin-top: 20px; }
.idx_con.con3 li { width: 260px; background: url(../images/arrow.png) 0px 140px no-repeat; float: left; padding-left: 125px; margin-left: 60px; }
.idx_con.con3 li:first-child { width: 135px; padding-left: 0; background: transparent; margin-left: 0; }
.idx_con.con3 div { width: 135px; height: 105px; float: left; margin-bottom: 30px; }
.idx_con.con3 a { clear: left; float: left; height: 30px; width: 135px; display: inline-block; background: #d45252 url(../images/btn_bg.png) center center repeat; color: white; font-size: 16px; line-height: 30px; border-radius: 15px; }
.idx_con.con3 .li1 div { background: url(../images/tit3_s1.png) 80% center no-repeat; }
.idx_con.con3 .li2 div { background: url(../images/tit3_s2.png) center center no-repeat; }
.idx_con.con3 .li3 div { background: url(../images/tit3_s3.png) center center no-repeat; }

.red { color: #d45252; }

.fb { background: #6171a4 !important; }

.anchor { display: block; position: relative; top: -50px; visibility: hidden; }

/*//////////event樣式//////////*/
.event { float: left; width: 100%;}
.event ul { width: 100%; padding-left: 57px; }
.event li { position: relative;background: url(../images/event_bg.jpg) 0 0 no-repeat; width: 271px; height: 252px; float: left; margin-right: 38px; margin-bottom: 18px; }
.event li:nth-child(3n) { margin-right: 0; }
.event li.nth-child3n { margin-right: 0; }
.event .date { color: white; padding-left: 32px; padding-top: 50px; width: 200px; background: none; float: none; }
.event .day { font-size: 40px; font-family: Arial; font-weight: bold; float: left; height: 45px; }
.event .week, .event .year { font-size: 14px; float: left; line-height: 18px; margin-top: 2px; margin-left: 10px; }
.event a { margin-left: 20px; margin-top: 45px; float: left; width: 230px; color: #40b9c6; }
.event a:hover { color: #666666; }
.event p { line-height: 26px; font-size: 18px; height: 26px; text-align: center;}
.event li.end { background: url(../images/event_bg_close.jpg) 0 0 no-repeat; }
.event li.end a { color: #cccccc; }
.event li.empty { background: url(../images/event_bg_empty.jpg) 0 0 no-repeat; }
.event li.empty a { color: #cccccc; font-size: 24px; width: 100%; margin: 145px auto; }
.event .fol_btn { position: relative; z-index: 2; border-radius: 13px; font-size: 13px; width: 80px; height: 25px; line-height: 25px; color: white; background: #d45252 url(../images/btn_bg.png) center center repeat; margin-top: 10px; margin-left: 95px; }
.event .fol_btn2{cursor:text;position: relative; z-index: 2; border-radius: 13px; font-size: 13px; width: 80px; height: 25px; line-height: 25px; color: white !important; background: #ccc url(../images/btn_bg.png) center center repeat; margin-top: 10px; margin-left: 95px;}
.event .fol_btn:hover { background: #666666 url(../images/btn_bg.png) center center repeat; color: white; }
.event li.end .fol_btn { display: none; }

.event.member li { background: url(../images/event_bg2.jpg) 0 0 no-repeat; }
.event.member li.end { background: url(../images/event_bg_close2.jpg) 0 0 no-repeat; }
.event.member .myedit { padding: 0; float: left; margin-left: 20px; margin-top: 15px; width: 235px; }
.event.member .myedit li { background: #f1f1f1; width: 25px; height: 25px; float: right; font-size: 14px; border-radius: 50%; margin: 0; margin-left: 5px; }
.event.member .myedit li:first-child { width: auto; float: left; background-color: transparent; border-radius: 0; margin-left: 0; }
.event.member .myedit span { color: #d45252; }
.event.member .myedit a { margin: 0; width: auto; text-align: center; }
.event.member .myedit img { width: 19px; margin: 3px; }
.event.member li.empty { background: url(../images/event_bg_empty.jpg) 0 0 no-repeat; }
.event.member li.empty a { color: #cccccc; font-size: 30px; width: 100%; margin: 160px auto; }
.event.member p{text-align: left;}


/*//////////breadcrumb樣式//////////*/
.breadcrumb { background: url(../images/breadcrumb_wave.jpg) center bottom repeat-x; height: 125px; }
.breadcrumb section { background: url(../images/breadcrumb_bg.jpg) center bottom no-repeat; height: 125px; }
.breadcrumb .tit { font-size: 28px; color: #666666; font-weight: bold; padding: 38px 0 0 116px; text-align: left; width: auto; float: left; }
.breadcrumb ul { float: right; color: #999999; font-size: 12px; padding: 15px 55px 0 0; }
.breadcrumb li { float: left; }
.breadcrumb li:after { content: " > "; padding: 0 3px; }
.breadcrumb li:last-child:after { content: ""; padding: 0; }
.breadcrumb a { color: #999999; }

.blue { background: url(../images/con2_bg.jpg) 0 0 repeat; padding: 40px 0 50px; border-bottom: 1px dashed #cccccc; }
.blue section { padding: 0 20px; }
.blue .tit { float: left; text-align: left; font-size: 24px; color: #666666; padding-left: 30px; background: url(../images/tit_icon.png) 0 5px no-repeat; margin-bottom: 30px; width: 100%; }
/*.blue .tit:after { content: "//"; margin-left: 5px; font-size: 22px; color: #999999; }*/
.blue .tit:after { margin-left: 5px; font-size: 22px; color: #999999; }
.blue .tit span { font-size: 24px; color: #666666; }
.blue .subtit { width: 100%; font-size: 15px; line-height: 24px; color: #999999; float: left; text-align: left; clear: left; margin-bottom: 30px; }
.blue .white { height: 595px; background: url(../images/rope_r.jpg) 0 center repeat-y; position: relative; }
.blue .white:before { content: url(../images/rope_t.jpg); position: absolute; top: 0; left: 0; }
.blue .white:after { content: url(../images/rope_b.jpg); position: absolute; bottom: -4px; left: 0; }
.blue .white.register { min-height: 470px; }
.blue .txt { margin-bottom: 30px; position: relative; color: #999999; font-size: 18px; line-height: 30px; text-align: center; z-index: 2; }
.blue .txt.abt { padding-top: 70px; }
.blue .register { padding-top: 50px; }
.blue .register .btn { width: 100%; text-align: center; margin-top: 20px; float: left; }
.blue .register input[type="button"], .blue .register input[type="submit"], .blue .register .btn a { margin: 0 10px; font-size: 20px; width: 170px; height: 38px; line-height: 38px; color: white; text-align: center; display: inline-block; border-radius: 19px; background: #d45252 url(../images/btn_bg.png) center center repeat; }
.blue .register dl { width: 100%; float: left; font-size: 15px; padding: 20px 0; border-bottom: 1px solid #f1f1f1; text-align: left; }
.blue .register dl:first-child { border-bottom: none; padding: 0; }
.blue .register dd { float: left; color: #666666; width: 120px; line-height: 36px; }
.blue .register dt { color: #d45252; float: left; line-height: 36px; }
.blue .register_modify { background: white; width: 600px; height: 350px; padding-top: 20px; }

.blue .register2{display: inline-block;margin: auto;text-align: center;}
.blue .login_box{width: 380px;background-color: #fff;margin:30px auto;}
.login_box .box1{padding:10px 40px 30px;border:1px solid #f1f1f1;}
.login_box .box1 form{width:100%;}
.login_box .box1 ul{float: left;margin-bottom: 30px;text-align: left;font-size: 15px;color: #d45252;}
.login_box .box1 ul p{margin-bottom: 10px;}
.login_box .box1 ul a{color: #666;font-size: 13px;text-decoration: underline;}
.login_box .box1 input[type="text"]{margin: 0;margin-bottom: 10px;}
.login_box input[type="submit"],.login_box input[type="button"]{display: inline-block; font-size: 16px; width: 100%; height: 36px; line-height: 36px; color: white; text-align: center; border-radius: 18px; background: #d45252 url(../images/btn_bg.png) center center repeat;}

#forget_box{width: 470px;text-align: left;display: none;}
#forget_box section{float: left; overflow: hidden; padding: 45px 40px 20px; background: url(../images/rope_r2.jpg) 0 center repeat-y; position: relative; width: 100%;}
#forget_box section:before{content: '';background:url(../images/rope_t2.jpg) ; position: absolute; top: 0; left: 0;width: 455px;height: 24px;}
#forget_box section:after{content: '';background:url(../images/rope_b2.jpg) ; position: absolute; bottom: -4px; left: 0;width: 455px;height: 24px;}
#forget_box h3{margin-bottom: 20px;color: #d45252;font-size: 18px;width: 100%;text-align: center;}
#forget_box p{margin-bottom: 10px;}
#forget_box input[type="text"]{ margin-bottom: 30px;float: left; height: 36px; width: 75%; border: 1px solid #ddd; padding-left: 5px; line-height: 36px;}
#forget_box input[type="submit"],#forget_box input[type="button"]{float: right;height: 36px; width: 23%;background: #d45252 url(../images/btn_bg.png) center center repeat;color: #fff;height: 36px; line-height: 36px; color: white; text-align: center; border-radius: 5px;}

.login_box .box2{padding:20px 40px 30px;}
.login_box .box2 h3{font-size: 15px;color: #666;text-align: left;margin-bottom: 20px;}
.login_box .box2 ul li{display: inline-block;vertical-align: top;margin:0 15px;}
.login_box .box2 a{color: #666;font-size: 12px;}

.blue form { width: 520px; margin: 30px auto 0; text-align: center; }
.blue span { color: #999999; font-size: 13px;}
.blue input[type="text"] { float: left; height: 36px; width: 300px; border: 1px solid #eaeaea; margin: 0 10px; padding-left: 5px; line-height: 36px; }
.blue .term { font-size: 15px; margin: 15px auto 30px; display: inline-block; }
.blue .term span { font-size: 15px; }
.blue .term a { color: #d45252; text-decoration: underline; }
.blue .white.result_info { width: 960px; margin: auto; float: none; padding: 45px 40px; height: auto; }
.blue .white.result_info .con { height: auto; overflow-y: auto; float: left; padding-left: 30px; width: 100%; color: #999999; font-size: 14px; line-height: 24px; text-align: left; }
.blue .white.result_info th span { font-size: 13px; }
.blue .white.result_info form { width: auto; margin: 0; text-align: left; }
.blue .white.result_info input[type="button"], .blue .white.result_info .btn a { font-size: 13px; line-height: 25px; font-size: 13px; position: relative; z-index: 2; margin-right: 5px; color: white; background: #d45252; padding: 0 15px; height: 25px; display: inline-block; border-radius: 10px; }
.blue .white.result_info:before { content: url(../images/rope_t2.jpg); position: absolute; top: 0; left: 0; }
.blue .white.result_info:after { content: url(../images/rope_b2.jpg); position: absolute; bottom: -4px; left: 0; }

.brown { padding: 50px 0; }
.brown section { padding: 0 20px; }
.brown .tit { float: left; text-align: left; font-size: 24px; color: #666666; padding-left: 30px; background: url(../images/tit_icon.png) 0 5px no-repeat; margin-bottom: 30px; width: 100%; }
/*.brown .tit:after { content: "//"; margin-left: 5px; font-size: 22px; color: #999999; }*/
.brown .tit:after { margin-left: 5px; font-size: 22px; color: #999999; }
.brown .subtit { width: 100%; font-size: 15px; line-height: 24px; color: #999999; float: left; text-align: left; clear: left; margin-bottom: 30px; }
.brown .subtit p { margin-bottom: 10px; }
.brown .intro { margin-bottom: 30px; float: left; width: 100%; }
.brown .intro .pic { width: 150px; height: 150px; padding: 10px; float: left; background-color: white; }
.brown .intro .pic img { max-width: 130px; max-height: 130px; }
.brown .intro .con { float: right; color: #999999; width: 780px; text-align: left; line-height: 24px; }
.brown .intro p {font-size: 16px; margin-bottom: 10px; line-height: 26px; }
.brown .intro a, .brown .intro span { color: #d45252; }
.brown .intro a:hover { text-decoration: underline; }
.brown .intro .btn { position: relative; float: right; color: white; background: #40b9c6 url(../images/btn_bg.png) center center repeat; margin-left: 5px; font-size: 13px; border-radius: 15px; height: 26px; line-height: 26px; padding: 0 25px 0 15px; }
.brown .intro .btn:hover { text-decoration: none; }
.brown .intro .btn:after { content: url(../images/btn_abt.png); position: absolute; right: 10px; top: 0px; }

.brown.foot { background: url(../images/con3_bg.png) center 60% repeat-x; }

/*//////////lightbox樣式//////////*/
.lightbox { width: 960px; display: none; }
.lightbox section { float: left; overflow: hidden; padding: 45px 40px 20px; min-height: 595px; background: url(../images/rope_r.jpg) 0 center repeat-y; position: relative; width: 100%; }
.lightbox section:before { content: url(../images/rope_t2.jpg); position: absolute; top: 0; left: 0; }
.lightbox section:after { content: url(../images/rope_b2.jpg); position: absolute; bottom: -4px; left: 0; }
.lightbox .tit { /*float: left;*/ text-align: left; font-size: 24px; color: #666666; padding-left: 30px; background: url(../images/tit_icon.png) 0 5px no-repeat; margin: 10px 0 30px; }
.lightbox .tit:after { content: "//"; margin-left: 5px; font-size: 22px; color: #999999; }
.lightbox .con { height: 380px; overflow-y: auto; float: left; padding-left: 30px; width: 100%; color: #999999; font-size: 14px; line-height: 24px; text-align: left; }
.lightbox .con p { clear: left; float: left; margin-bottom: 10px; width: 100%; }
.lightbox .con h4 { float: left; float: left; font-size: 18px; color: #8f713d; margin: 5px 0; width: 100%; }
.lightbox .con ul, .lightbox .con li { clear: left; float: left; width: 100%; color: #666666; }
.lightbox .con ul { padding-left: 26px; }
.lightbox .con li { margin-bottom: 20px; }
.lightbox .con table { width: 100%; float: left; }
.lightbox .con th { color: #666666; font-size: 18px; text-align: left; }
.lightbox .con th span { color: #999999; font-size: 13px; margin-left: 5px; }
.lightbox .con th .desc{color: #fff;z-index: 2;}
.lightbox .con th .desc:after{height: 17px;}
.lightbox .con td { padding: 15px 0; text-align: left; }
.lightbox .btn { width: 100%; text-align: center; margin-top: 20px; float: left; }
.lightbox input[type="radio"] { margin-right: 5px; }
.lightbox input[type="text"] { width: 100%; height: 36px; line-height: 36px; border: 1px solid #e5e5e5; padding: 0 5px; font-size: 16px; color: #666; line-height: 36px; }
.lightbox input[type="checkbox"] + span { color: #333333; font-size: 16px; margin: 0 5px; }
.lightbox input[type="button"], .lightbox input[type="submit"], .lightbox .btn a { margin: 0 10px; font-size: 20px; width: 200px; height: 38px; line-height: 38px; color: white; text-align: center; display: inline-block; border-radius: 19px; background: #d45252 url(../images/btn_bg.png) center center repeat; }
.lightbox textarea { line-height: 22px; border: 1px solid #e5e5e5; width: 550px; height: 100px; padding: 5px; font-size: 16px; color: #666; }
.lightbox .privacy .con { height: 330px; padding-right: 30px; margin-bottom: 30px; }
.lightbox .sign .con { padding-top: 30px; }
.lightbox .sign input[type="text"] { width: 630px; color: #333333; font-size: 18px; padding: 0 10px; }
.lightbox .preview .con { padding-top: 60px; width: 800px; color: #666666; font-size: 18px; }
.lightbox .preview table { margin-bottom: 40px; }
.lightbox .preview th { vertical-align: top; padding: 10px 0; }
.lightbox .preview th input { width: 70px; }
.lightbox .preview td { padding: 3px; font-size: 14px; }
.lightbox .upload { position: relative; margin-right: 20px; float: left; width: 265px; height: 175px; margin-bottom: 15px; background: url(../images/upload.jpg) center center no-repeat; }
.lightbox .upload a { color: white; width: 100%; height: 100%; display: block; overflow: hidden; text-align: center; }
.lightbox .upload .again { position: absolute; z-index: 2; right: 5px; bottom: 5px; background-color: #000; color: white; }
.lightbox .upload .again a { padding: 5px; }
.lightbox .upload .pic { width: 255px; height: 165px; position: absolute; top: 5px; left: 5px; }
.lightbox .upload input[type="file"] { visibility: hidden; width: 100%; height: 100%; content: ""; }
.lightbox .upload img { max-width: 265px; max-height: 175px; }
.lightbox .apply th { width: 145px; }
.lightbox .apply td { padding: 5px 0; }
.lightbox .apply td:first-child { padding-top: 0; }
.lightbox .apply .lightbox .btn { margin-top: 5px; }
.lightbox .apply input[type="text"] { width: 200px; }
.lightbox .preview2 th { vertical-align: top; width: 100px; }
.lightbox .preview2 td { color: #d45252; padding: 0px 0 15px; }
.lightbox .preview2 td a { color: #d45252; text-decoration: underline; }
.lightbox .preview2 p { float: left; width: 100%; text-align: left; padding: 0 30px; }
.lightbox .clean_sign td { padding: 5px 0; }
.lightbox .list table { border-top: 1px solid #e6e6e6; }
.lightbox .list tr { background-color: #f6f6f6; border-bottom: 1px solid #e6e6e6; }
.lightbox .list tr:nth-child(2n) { background-color: #fff; }
.lightbox .list tr.nth-child2n { background-color: #fff; }
.lightbox .list th { width: 70px; padding-left: 10px; }
.lightbox .list td { padding: 10px 0; }
.lightbox #participate td { min-width: 120px; }
.lightbox .p_info.con ul { padding: 0; margin-left: 80px; width: auto; }
.lightbox .p_info.con li { float: none; display: inline-block; width: 640px; height: 345px; background-image: url(../images/postcard.jpg); }
.lightbox .p_info.con .l { margin: 25px 18px 0 25px; margin: 25px 18px 0 24px\0; width: 375px; float: left; }
.lightbox .p_info.con .l .pic { width: 374px; height: 246px; border: none; background-position: center;background-repeat: no-repeat;background-size: cover;-ms-behavior: url("js/polyfill/backgroundsize.htc");behavior: url("js/polyfill/backgroundsize.htc");}
.lightbox .p_info.con .l img { max-width: 374px; max-height: 246px; }
.lightbox .p_info.con .stit { display: block;height: 50px; font-size: 18px; line-height: 50px; color: white;width: 374px;padding: 0 10px 0 15px;height: 50px;line-height: 50px;background-color: rgb(64, 184, 198);}
.lightbox .p_info.con .r { width: 200px; margin-top: 80px; font-family: "華康秀風體","華康秀風體ie","微軟正黑體"; float: left; }
.lightbox .p_info.con .r .desc { padding: 0; margin: 0; font-size: 20px; line-height: 30px; -webkit-line-clamp: 7; height: 210px; width: 200px; color: #999999; }
.lightbox .p_info.con .r .sign { float: right; line-height: 30px; font-size: 18px; color: #999999; margin-top: 0px; font-family: "華康秀風體","華康秀風體ie","微軟正黑體"; }

.lightbox.alert { width: 380px; }
.lightbox.alert section { min-height: 240px; height: 240px; background: url(../images/alert.jpg) 0 0 no-repeat; }
.lightbox.alert section:before { content: ""; position: relative; }
.lightbox.alert section:after { content: ""; position: relative; }
.lightbox.alert .follow p { font-size: 16px; line-height: 22px; text-align: center; color: #666666; margin-top: 10px; }
.lightbox.alert .follow .btn { margin-top: 10px; }
.lightbox.alert .launch { padding-top: 70px; }
.lightbox.alert .launch p { font-size: 30px; text-align: center; color: #666666; margin-top: 10px; }
.lightbox.alert .launch .btn { margin-top: 20px; }
.lightbox.alert .launch .btn a { width: 110px; font-size: 16px; margin: 0 5px; }

/*//////////info樣式//////////*/
.info { width: 100%; float: left; }
.info .l { float: left; margin: 0 20px 20px 0; }
.info .r { float: right; /*width: 550px; */width: 100%; color: #999999; font-size: 14px; line-height: 24px; text-align: left; }
.info .r p { margin-bottom: 10px; }
.info .pic { /*width: 390px; height: 260px; */width: 100%;background-color: white; border: 5px solid white; text-align: center; }
.info .pic img { /*max-width: 380px; max-height: 250px;*/max-width: 100%;}
.info .fol_btn { position: relative; z-index: 2; margin: 20px 10px; font-size: 20px; width: 170px; height: 38px; line-height: 38px; color: white; text-align: center; display: inline-block; border-radius: 19px; background: #d45252 url(../images/btn_bg.png) center center repeat; }
.info dl { float: left; width: 100%; }
.info dd { width: 110px; color: #8f713d; margin-right: 10px; text-align: left; font-size: 18px; float: left; padding: 3px 0; line-height: 24px; }
.info dt { float: left; /*line-height: 24px;*/line-height: 30px; text-align: left; }
.info dt a { color: #d45252; text-decoration: underline; }
.info .btn { margin-top: 40px; padding-top: 20px; border-top: 1px dashed #cccccc; text-align: right; float: left; width: 100%; }
.info .btn a { font-size: 13px; line-height: 25px; font-size: 13px; position: relative; z-index: 2; margin-right: 5px; color: white; background: #d45252; padding: 0 15px; height: 25px; display: inline-block; border-radius: 10px; }
.info .btn p { width: auto; display: inline-block; color: #999999; font-size: 14px; }
.info .btn span { margin-right: 15px; font-size: 14px; margin-left: 0; }
.info .fbwrap { padding: 20px 0; /*min-height: 120px;*/ min-height: 160px; float: left; }

/*//////////page樣式//////////*/
.page { text-align: center; margin-top: 30px; display: inline-block; }
.page li { position: relative; z-index: 2; width: 24px; height: 24px; display: inline-block; margin-top: 0; margin-left: 5px; float: left; border-radius: 50%; }
.page a { position: relative; z-index: 2; display: block; width: 100%; height: 100%; line-height: 22px; font-size: 12px; color: #666666; background-color: white; border-radius: 50%; }
.page a:hover, .page a.current { background-color: #666666; color: #fff; }
.page .pre { background-image: url(../images/btn_pre.png); background-repeat: no-repeat; background-position: center center; }
.page .next { background-image: url(../images/btn_next.png); background-repeat: no-repeat; background-position: center center; }
.page .pre:hover { background-image: url(../images/btn_preh.png); }
.page .next:hover { background-image: url(../images/btn_nexth.png); }

/*//////////feedback樣式//////////*/
.feedback { float: left; width: 100%; }
.feedback ul { float: left; width: 100%; }
.feedback li { position: relative; margin-bottom: 30px; margin-right: 40px; width: 460px; height: 243px; float: left; background: url(../images/postcard_s.jpg) 0 0 no-repeat; }
.feedback li:nth-child(2n) { margin-right: 0; }
.feedback li.nth-child2n { margin-right: 0; }
.feedback li:hover > .myedit { display: block; }
.feedback .wrap { width: 100%; height: 243px; display: block; }
.feedback .l { float: left; width: 275px; margin: 13px 15px 0 13px; }
.feedback .l .pic { width: 275px; height: 181px; overflow: hidden; float: left; }
.feedback .l img { max-width: 275px; max-height: 181px; }
.feedback .tit {/*background-color: rgb(64, 184, 198); height: 36px; font-size: 14px; color: white; line-height: 36px; background: none; padding-left: 15px; margin: 0;*/background: rgb(64, 184, 198);
  height: 36px;
  font-size: 14px;
  color: white;
  line-height: 36px;
  padding: 0 15px;
  margin: 0;
  display: block;
  text-align: center;}
.feedback .tit:after { display: none; }
.feedback .r { float: left; width: 145px; margin-top: 55px; }
.feedback .r .desc { margin: 0; width: 100%; font-size: 13px; line-height: 22px; color: #999999; text-align: left; -webkit-line-clamp: 7; height: 154px; }
.feedback .r .sign { float: right; clear: right; font-size: 13px; color: #999999; margin-top: 5px; }
.feedback .myedit { display: none; width: 460px; height: 243px; position: absolute; top: 0; left: 0; background: url(../images/modify_bg.png) repeat; }
.feedback .myedit li { width: 50px; height: 80px; display: inline-block; margin: 80px 15px 0; float: none; background: transparent; }
.feedback li.empty { background: url(../images/postcard_s2.jpg) 0 0 no-repeat; }
.feedback li.empty a { width: 100%; height: 100%; display: block; color: #999999; line-height: 300px; font-size: 30px; }

.feedback.p_info li { float: none; display: inline-block; width: 770px; height: 415px; background: #fff; }
.feedback.p_info .l { margin: 25px 18px 0 25px; width: 450px; }
.feedback.p_info .l .pic { width: 450px; height: 310px; border: none; }
.feedback.p_info .l img { max-width: 374px; max-height: 246px; }
.feedback.p_info .tit { height: 50px; font-size: 18px; line-height: 50px; padding-left: 15px;padding: 0 10px 0 15px;background-color: rgb(64, 184, 198); }
.feedback.p_info .r { width: 275px; margin-top: 25px; font-family: "華康秀風體","華康秀風體ie","微軟正黑體"; }
.feedback.p_info .r .desc {margin-top: 6px;float: left; font-size: 22px; line-height: 32px; -webkit-line-clamp: 7; height: 224px; width: 250px;background: url(../images/postcard_line.jpg) 0 0 repeat-x;}
.feedback.p_info .r .sign {line-height: 32px; font-size: 20px; color: #999999; padding-top: 30px;margin-top: 0; font-family: "華康秀風體","華康秀風體ie","微軟正黑體";background: url(../images/postcard_line.jpg) 0 0 repeat-x;height: 64px;float: left;width: 250px;text-align: right; }
.feedback.p_info .r .logo{float: right;}

.step { width: 100%; text-align: center; float: left; }
.step li { margin: 0 50px; height: 190px; padding-top: 170px; color: #999999; font-size: 18px; text-align: center; width: 170px; display: inline-block; }
.step li.li1 { background: url(../images/feedback_s1.png) top center no-repeat; }
.step li.li2 { background: url(../images/feedback_s2.png) top center no-repeat; }
.step li.li3 { background: url(../images/feedback_s3.png) top center no-repeat; }
.step .start { margin: 50px auto 0; width: 450px; height: 264px; background: url(../images/start.png) 0 0 no-repeat; }
.step .start a { width: 283px; height: 160px; float: right; display: block; }

/*//////////map樣式//////////*/
.map { width: 900px; text-align: center; margin: 15px auto 0; }
.map .l { margin-right: 50px; float: left; width: 305px; text-align: left; }
.map .l h3 { font-weight: bold; font-size: 22px; }
.map .l p { font-size: 16px; line-height: 26px; color: #8f713d; margin-bottom: 30px; }
.map .l .rank { position: relative; background-color: white; border-radius: 3px; padding: 20px; color: #666666; font-size: 16px; min-height: 290px; }
.map .l .city { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dashed #cccccc; text-align: right; }
.map .l .city b { float: left; color: #d45252; font-size: 18px; }
.map .l ul { float: left; margin-top: 15px; height: 135px; }
.map .l li { margin-bottom: 8px; padding-left: 30px; float: left; width: 100%; line-height: 20px; background-position: 2px 0; background-repeat: no-repeat; }
.map .l input[type="button"] { float: left; font-size: 13px; line-height: 25px; font-size: 13px; position: relative; z-index: 2; margin-right: 5px; color: white; background: #d45252; padding: 0 15px; height: 25px; display: inline-block; border-radius: 10px; }
.map .l .fb-share-button { margin: 2px 10px; float: left; }
.map .r { width: 458px; height: 591px; position: relative; background: url(../images/map.png) 0 0 no-repeat; float: right; position: relative; }
.map .r div { width: 105px; height: 49px; position: absolute; }
.map .r div:after { content: ''; width: 33px; height: 49px; cursor: pointer; display: block; float: right; }
.map .r div.rside:after { float: left; }
.map .r .good div { background: url(../images/landmark.png) right 0 no-repeat; }
.map .r .bad div { background: url(../images/landmark2.png) right 0 no-repeat; }
.map .r .good div.rside { background: url(../images/landmark.png) left 0 no-repeat; }
.map .r .bad div.rside { background: url(../images/landmark2.png) left 0 no-repeat; }
.map .r #matsu { left: -45px; top: 12px; }
.map .r #kinmen { left: -24px; top: 82px; }
.map .r #penghu { top: 266px; left: -17px; }
.map .r #keelung { top: 6px; left: 400px; }
.map .r #n_taipei { top: 63px; left: 374px; }
.map .r #taipei { top: 15px; left: 381px; }
.map .r #taoyuan { top: 33px; left: 260px; }
.map .r #hsinchu { top: 83px; left: 242px; }
.map .r #hsinchu2 { top: 60px; left: 203px; }
.map .r #miaoli { top: 122px; left: 189px; }
.map .r #taichung { top: 172px; left: 170px; }
.map .r #changhua { top: 212px; left: 126px; }
.map .r #yunlin { top: 252px; left: 103px; }
.map .r #chiayi { top: 291px; left: 185px; }
.map .r #chiayi2 { top: 286px; left: 137px; }
.map .r #tainan { top: 367px; left: 97px; }
.map .r #kaohsiung { top: 427px; left: 130px; }
.map .r #pingtung { top: 437px; left: 254px; }
.map .r #taitung { top: 387px; left: 325px; }
.map .r #hualien { top: 220px; left: 375px; }
.map .r #ilan { top: 110px; left: 404px; }
.map .r span { display: none; z-index: 2; top: 3px; border-radius: 5px; position: absolute; color: #d45252; font-size: 14px; background: white; padding: 0 10px; line-height: 25px; }
.map .r .rside span { left: 36px; }
.map .r .current span { display: block; }

/*//////////download_data樣式//////////*/
.download_data { width: 100%; float: left; }
.download_data .bar { width: 100%; height: 60px; border-top: 1px solid #f1e8de; border-bottom: 1px solid #f1e8de; line-height: 36px; color: #666666; }
.download_data .bar * { float: left; }
.download_data .bar ul { font-size: 15px; }
.download_data .bar li { padding: 0 10px; border-left: 1px dashed #ebddcd; margin: 11px 0; }
.download_data .bar li:first-child { padding-left: 0; border-left: none; }
.download_data .bar span { margin-right: 10px; }
.download_data .bar input[type="text"] { height: 36px; width: 112px; border: 1px solid #eaeaea; margin-right: 10px; padding-left: 5px; line-height: 36px; }
.download_data .bar input[type="button"], .download_data .bar input[type="submit"] { float: right; margin-top: 15px; border-radius: 14px; font-size: 15px; width: 70px; height: 28px; line-height: 28px; color: white; background: #d45252; }
.download_data .keyword { font-size: 15px; color: #999999; width: 100%; text-align: left; padding: 20px 0; }
.download_data .keyword span { color: #c3; }
.download_data .list { margin-top: 20px;width: 100%; font-size: 15px; color: #666666; }
.download_data .list * { float: left; }
.download_data .list span { margin-right: 3px; font-size: 15px; color: #666666; margin-left: 0;max-width: 100px; }
.download_data .list ul { width: 100%; padding-bottom: 20px; border-bottom: 1px solid #f1e8de; }
.download_data .list li { line-height: 50px; margin-right: 10px; margin-bottom: 10px; width: 475px; background: #ff9285; height: 50px; border-radius: 2px; position: relative; overflow: hidden; }
.download_data .list li:nth-child(2n) { margin-right: 0; }
.download_data .list li.nth-child2n { margin-right: 0; }
.download_data .list li.empty { background: #DDCFC0; text-align: center; }
.download_data .list li.empty a { width: 100%; display: block;max-width: auto;max-width: initial; }
.download_data .list .city { width: 80px; text-align: center; font-size: 18px; color: white; }
.download_data .list a { color: #666666;max-width: 310px; }
.download_data .list .r { background: #f1e8de; padding: 0 10px; width: 395px; border-radius: 0 2px 2px 0; height: 50px; text-align: left; }
.download_data .list .location { width: 110px; }
.download_data .list input[type="checkbox"] { float: right; margin-top: 20px; }
.download_data .list input[type="button"], .download_data .list input[type="submit"] { margin-right: 10px; float: right; margin-top: 15px; border-radius: 14px; font-size: 15px; width: auto;  padding: 0 15px; height: 28px; line-height: 28px; color: white; background: #d45252; }
.download_data .myedit { width: auto !important; float: right; padding-top: 15px; }
.download_data .myedit li { float: left; width: 22px; height: 22px; background: transparent; }

.clean_sign { width: 100%; float: left; }
.clean_sign h3 { float: left; font-size: 18px; height: 26px; width: 100%; text-align: left; color: #666666; margin: 15px 0 5px; }
.clean_sign .icon { width: 140px;font-weight: normal; font-size: 15px; color: #999999; float: left; padding-left: 30px; display: block; background-position: 2px 0; background-repeat: no-repeat; }
.clean_sign input[type="text"] { font-size: 15px; color: #999999; float: left; height: 36px; line-height: 36px; width: 112px; border: 1px solid #eaeaea; margin-right: 10px; padding-left: 5px; }
.clean_sign th {padding: 5px 10px 5px 0;max-width: 170px;padding-right: 10px; font-size: 18px; color: #666666; text-align: left; font-weight: bold; }
.clean_sign th span { font-size: 13px; position: relative;}
.clean_sign th span:hover > .desc { display: block;}
.clean_sign .desc{z-index: 2;position: absolute;margin-top:15px;top: 100%;background: url(../images/banner_bg70.png) repeat;padding: 10px;max-width: 300px;height: auto;color: #fff;display: none;}
.clean_sign .desc:after{content: url(../images/desc_arrow.png);position: absolute;bottom: 100%;left: 15px;height:14px;width:11px;}
.clean_sign td { vertical-align: top;padding: 5px 30px 5px 0;  line-height: 36px;text-align: left; }
.clean_sign .tb1 th { width: 100px; }
.clean_sign .tb1 td span { margin-left: 0; margin-right: 5px; font-size: 14px; }
.clean_sign .tb2 th {vertical-align: top;padding-top: 13px;width: 170px;line-height: 20px;}
.clean_sign .tb2 td { width: 120px; color: #8f713d;}
.clean_sign .btn { width: 100%; text-align: center; margin-top: 20px; float: left; }
.clean_sign .btn a { margin: 0 10px; font-size: 20px; width: 170px; height: 38px; line-height: 38px; color: white; text-align: center; display: inline-block; border-radius: 19px; background: #d45252 url(../images/btn_bg.png) center center repeat; }
.clean_sign .total { float: left; font-size: 18px; color: #666666; text-align: left; font-weight: bold; width: 100%; margin-top: 10px; }
.clean_sign .total dd, .clean_sign .total dt { line-height: 36px; float: left; }
.clean_sign .total dt { font-size: 15px; color: #999999; padding-left: 10px; }
.tb_apply th{  vertical-align: top;padding-top: 14px;}

.result_share { margin: 5px 0 30px; }
.result_share a, .result_share input[type="button"] { margin-top: 30px;font-size: 13px; line-height: 25px; font-size: 13px; position: relative; z-index: 2; margin-right: 5px; color: white; background: #d45252; padding: 0 15px; height: 25px; display: inline-block; border-radius: 10px; }

.select1 { float: left; margin-right: 10px; height: 36px; width: 75px; border: 1px solid #eaeaea; overflow: hidden; -webkit-appearance: none; background: url(../images/select1.png) right center no-repeat; display: inline-block; background-color: #FFF; font-size: 15px; }

select { color: #999999; outline: none; background-color: transparent; -webkit-appearance: none; border: none; font-size: 15px; width: 105px; height: 34px; padding-left: 5px; line-height: 34px; }

.datepicker { float: left; margin-right: 20px; background: url(../images/date.png) 0 0 no-repeat; width: 36px; height: 36px; cursor: pointer; }

/*//////////member樣式//////////*/
.pagetab { width: 100%; text-align: center; float: left; font-size: 13px; margin-bottom: 50px; }
.pagetab li { display: inline-block; margin: 0 2px; height: 28px; }
.pagetab a { position: relative; z-index: 2; border: 2px solid #dcdcdc; background-color: white; color: #666666; line-height: 24px; padding: 0 20px; border-radius: 12px; height: 28px; display: block; }
.pagetab a:hover, .pagetab a.current { border: 2px solid #40b9c6; background-color: #40b9c6; color: white; }

/*//////////beach樣式//////////*/
.beach { float: left; width: 100%;display: none;}
.beach.current{display: block; }
.beach .beachwrap { width: 370px; height: 280px; float: left;overflow: hidden;}
.beach .beachslider { height: 280px; float: left;}
.beach .beachslider img{ width: 370px;}
.beach .r { width: 560px; float: right;}
.beach .r h3 { font-size: 22px; color: #40b9c6; width: 100%; float: left; text-align: left; margin-bottom: 20px; }
.beach .r p { float: left; font-size: 16px; line-height: 24px; color: #8f713d; text-align: left; margin-bottom: 10px; }

/*//////////tip樣式//////////*/
.tip { width: 100%; font-size: 14px; color: #999999; float: left; line-height: 24px; text-align: center; }
.tip .four_step { width: 100%; }
.tip .four_step li { float: left; margin-left: 11px; font-size: 22px; }
.tip .four_step li:first-child { margin-left: 0; }
.tip .four_step a { width: 231px; border: 5px solid #f4eee7; height: 170px; color: #cccccc; display: inline-block; padding-top: 110px; background-position: center 22px; background-repeat: no-repeat; }
.tip .four_step a:hover, .tip .four_step a.current { background-color: #f4eee7; color: #d45252; }
.tip .four_step p:after { content: " +"; color: #e86050; font-size: 30px; }
.tip .four_step .li1 a { background-image: url(../images/tip_p1.png); }
.tip .four_step .li2 a { background-image: url(../images/tip_p2.png); }
.tip .four_step .li3 a { background-image: url(../images/tip_p3.png); }
.tip .four_step .li4 a { background-image: url(../images/tip_p4.png); }
.tip .four_step .li1 a:hover, .tip .four_step .li1 a.current { background-image: url(../images/tip_p1h.png); }
.tip .four_step .li2 a:hover, .tip .four_step .li2 a.current { background-image: url(../images/tip_p2h.png); }
.tip .four_step .li3 a:hover, .tip .four_step .li3 a.current { background-image: url(../images/tip_p3h.png); }
.tip .four_step .li4 a:hover, .tip .four_step .li4 a.current { background-image: url(../images/tip_p4h.png); }
.tip .tip_con { display: none; float: left; width: 100%; background-color: #f4eee7; text-align: left; line-height: 24px; padding: 30px; margin-top: 10px; }
.tip .tip_con h3 { font-size: 18px; color: #8f713d; width: 100%; float: left; font-weight: normal; margin-bottom: 20px; }
.tip .tip_con p { color: #999999; font-size: 14px; margin-bottom: 10px; width: 100%; float: left; }
.tip .tip_con a { color: #d45252; }
.tip .tip_con a:hover { text-decoration: underline; }
.tip .tip_con iframe { margin-top: 20px; }
.tip .tip_con img { border: 5px solid white; max-width: 100%; }
.tip .btn { width: 100%; text-align: center; margin-top: 20px; float: left; }
.tip .btn a { position: relative; z-index: 2; margin: 0 10px; font-size: 18px; width: 170px; height: 38px; line-height: 38px; color: white; text-align: center; display: inline-block; border-radius: 19px; background: #d45252 url(../images/btn_bg.png) center center repeat; }

.tip_con.current { display: block; }

/*//////////news樣式//////////*/
.news { width: 100%; font-size: 15px; color: #666666; float: left; }
.news * { float: left; }
.news ul { width: 100%; padding-bottom: 20px; border-bottom: 1px solid #f1e8de; }
.news li { text-align: left; padding: 15px; margin-right: 10px; margin-bottom: 10px; width: 475px; background: #f1e8de; height: 140px; border-radius: 2px; overflow: hidden; }
.news li:nth-child(2n) { margin-right: 0; }
.news li.nth-child2n { margin-right: 0; }
.news .pic { width: 165px; height: 110px; margin-right: 15px; }
.news p { font-size: 18px; height: 24px; line-height: 24px; color: #666666; width: 260px; margin-bottom: 7px; }
.news .stit { color: #666666; }
.news .text { color: #999999; -webkit-line-clamp: 2; font-size: 14px; height: 44px; line-height: 22px; width: 260px; margin-bottom: 6px; }
.news .more { position: relative; z-index: 2; float: right; text-align: center; color: white; font-size: 12px; line-height: 20px; border-radius: 15px; width: 80px; background: #d45252; margin-top: 10px; }
.news .more:hover { background: #666666; color: white; }

#nav { width: 17px; position: fixed; right: 50px; top: 50%; }
#nav a { width: 17px; height: 17px; display: block; background: url(../images/nav.png) 0 0 no-repeat; margin-bottom: 10px; }
#nav .current a { width: 17px; height: 17px; display: block; background: url(../images/navh.png) 0 0 no-repeat; }

.remain_num{font-size: 14px;float: left;width: 100%;padding:0 20px;text-align: center;height: 25px;}
.remain_num .red_num{color:#d45252;}


.resize_img{top: 0;left: 0;}
.feedback.p_info .l .pic div{position: relative;}



/*0128 feedback_info*/
/*.feedback2 li{display: inline-block;position: relative;width: 640px;height: 345px;}
.feedback2 .l{margin: 25px 18px 0 25px;width: 374px;}
.feedback2 .card_bg{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.feedback2 .card_bg img{max-width: 100%;}
.feedback2 .pic2{position: relative;float: left;height: 246px;}
.feedback2 .tit2{box-sizing:border-box;display: block;color: #fff;position: relative;height: 50px; font-size: 18px; line-height: 50px; padding: 0 10px 0 15px;margin: 0;width: 100%;background-color: rgb(64, 184, 198);}
.feedback2 .r{position: relative;float: left;margin-top: 80px;width: 200px;font-family: "華康秀風體","華康秀風體ie","微軟正黑體";}
.feedback2 .r .desc{font-size: 20px;line-height: 30px;-webkit-line-clamp: 7;height: 210px;width: 200px;margin-bottom: 0;}
.feedback2 .r .sign{font-size: 18px;line-height: 30px;font-family: "華康秀風體","華康秀風體ie","微軟正黑體";float: right;clear: both;}*/


/*0329*/
.clean_sign h3 > a{color: #d45252;}
#latlng_p + .fa-map-marker, #latlng_m + .fa-map-marker{font-size: 26px;color: #666;width: 76px;height: 36px;font-size: 26px;line-height: 36px;text-align: center;cursor: pointer;}
.geo .fa-map-marker small{font-size: 12px;font-family: "微軟正黑體";vertical-align: 3px;margin-left: 5px;}

/*0603*/
.tit small{font-weight: normal;font-size: 16px;color:#E96050;}
.beach p small{font-size: 13px;color:#E96050;}